fix layout

linea-it · Aug 2, 2024 · d27141c · d27141c
1 parent b6647a8
commit d27141c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/daiquiri/static/daiquiri/css/style.css b/daiquiri/static/daiquiri/css/style.css
@@ -45,4 +45,4 @@ h4,
 h5,
 h6 {
     color: #283663;
-}
+}
diff --git a/daiquiri/templates/core/linea_login.html b/daiquiri/templates/core/linea_login.html
@@ -4,27 +4,27 @@
 {% load core_tags %}
 
 {% block page %}
-<body style="margin: 0; height: 100vh; display: flex; align-items: center; justify-content: center; background-image: url('{% static 'daiquiri/imgs/background.jpg' %}'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; font-family: 'Roboto', sans-serif;">
-  <div style="background-color: #fff; padding: 16px; margin: 2rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); max-width: 800px; width: 100%; box-sizing: border-box;">
+<body style="margin: 0; height: 100vh; display: flex; align-items: center; justify-content: center; background-image: url('{% static 'daiquiri/imgs/background.jpg' %}'); background-repeat: round; background-attachment: fixed; font-family: 'Roboto', sans-serif;">
+  <div class="card" style="background-color: #fff; padding: 16px; margin: 32px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);">
     <div style="display: flex; flex-wrap: nowrap; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -0.5); margin-left: calc(var(--bs-gutter-x) * -0.5); padding: 0 2rem;">
       <div style="flex: 0 0 auto; width: 50%;">
         <div style="max-width: 500px; margin: 5rem 5rem 0 0;">
-          <img src="{% static 'daiquiri/imgs/linea-logo.png' %}" alt="LIneA Logo" style="max-width: 100%; height: auto; width: 100%;" />
+          <img src="{% static 'daiquiri/imgs/linea-logo.png' %}" alt="LIneA Logo" style="max-width: 100%; height: 247px; width: 300px;" />
         </div>
       </div>
 
       <div style="flex: 0 0 auto; width: 50%;">
         <div style="display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 12px;">
-          <h3 style="margin-bottom: 0px; margin-top: 3rem;">Welcome to</h3>
-          <h3>LIneA User Query</h3>
+          <h3 style="margin-bottom: 0px; margin-top: 3rem; font-weight: bold;">Welcome to</h3>
+          <h3 style="font-weight: bold;">LIneA User Query</h3>
         </div>
 
         <div style="border: 0; display: inline-flex; padding: 0; position: relative; min-width: 0; flex-direction: column; vertical-align: top; margin: 10px 0; width: 100%;">
           <a href="{{ AUTH_SAML2_LOGIN_URL_CAFE }}" style="width: 100%; padding: 8px 16px; font-size: 14px; box-sizing: border-box; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-weight: 700; line-height: 2; border-radius: 4px; letter-spacing: 0.02857em; text-transform: uppercase; background-color: rgb(0, 119, 181); color: #fff; display: inline-block; margin-bottom: 0; text-align: center; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; user-select: none; text-decoration: none; display: flex; align-items: center;">
             <div style="margin-right: 8px;">
-              <img src="{% static 'daiquiri/imgs/cafe_logo.png' %}" style="width: 24px; height: 24px;" />
+              <img src="{% static 'daiquiri/imgs/cafe_logo.png' %}" style="width: 27px; height: 30px;" />
             </div>
-            <span style="margin-left: 70px;">Login with CAFe</span>
+            <span style="margin-left: 80px;">Login with CAFe</span>
           </a>
         </div>