From 9c9c656620c4ef27971f76ab9e744f76bf0e7f20 Mon Sep 17 00:00:00 2001 From: Pierre Donias Date: Tue, 30 Aug 2022 09:05:57 +0200 Subject: [PATCH] feat(lite/signin): smaller logo and few tweaks (#6381) --- @xen-orchestra/lite/src/assets/logo-title.svg | 2 +- @xen-orchestra/lite/src/components/AppLogin.vue | 15 ++++++++++++--- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/@xen-orchestra/lite/src/assets/logo-title.svg b/@xen-orchestra/lite/src/assets/logo-title.svg index 6852c2cad..d709972fd 100644 --- a/@xen-orchestra/lite/src/assets/logo-title.svg +++ b/@xen-orchestra/lite/src/assets/logo-title.svg @@ -1 +1 @@ - + diff --git a/@xen-orchestra/lite/src/components/AppLogin.vue b/@xen-orchestra/lite/src/components/AppLogin.vue index 39fd7d040..73d758f35 100644 --- a/@xen-orchestra/lite/src/components/AppLogin.vue +++ b/@xen-orchestra/lite/src/components/AppLogin.vue @@ -41,17 +41,20 @@ async function handleSubmit() { align-items: center; flex: 1; justify-content: center; - height: 100vh; + min-height: 100vh; + max-width: 100vw; background-color: var(--background-color-primary); } form { display: flex; + min-width: 30em; + max-width: 100%; align-items: center; flex-direction: column; justify-content: center; margin: 0 auto; - padding: 0 0 8.5rem 0; + padding: 8.5rem; background-color: var(--background-color-secondary); } @@ -63,7 +66,8 @@ h1 { } img { - width: 60rem; + width: 40rem; + margin-bottom: 5rem; } label { @@ -74,10 +78,15 @@ label { input { width: 45rem; + max-width: 100%; margin-bottom: 1rem; padding: 1rem 1.5rem; border: 1px solid var(--color-blue-scale-400); border-radius: 0.8rem; background-color: white; } + +button { + margin-top: 3rem; +}