Add login page style

sophonify · Sep 5, 2023 · ac079dd · ac079dd
1 parent b082fcf
commit ac079dd
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 5 deletions.
diff --git a/packages/ui-default/misc/structure.styl b/packages/ui-default/misc/structure.styl
@@ -36,6 +36,24 @@
 html
   overflow-y: overlay;
 
+.columns.register-columns
+  background-color: #f7f7f7
+  border-radius: 16px
+  height: 336px
+
+h1.sign-up
+  color: #4B37CA
+  font-weight: 500
+
+label.mail-text
+  color: #000 !important
+  font-weight: 400 !important
+
+input.input-style
+  color: #000 !important
+  border-bottom: 1px solid #000 !important
+  margin-bottom: 40px !important
+
 .main
   padding: rem(44px 0)
   flex: 1

diff --git a/packages/ui-default/templates/layout/immersive.html b/packages/ui-default/templates/layout/immersive.html
@@ -9,7 +9,7 @@
   <div class="slideout-overlay"></div>
   {% include "partials/header_mobile.html" %}
   <div class="nav--placeholder"></div>
-  <div class="main">
+  <div class="main main-style">
     {% block content %}{% endblock %}
   </div>
 

diff --git a/packages/ui-default/templates/user_register.html b/packages/ui-default/templates/user_register.html
@@ -1,13 +1,13 @@
 {% extends "layout/immersive.html" %}
 {% block content %}
-<div class="row"><div class="columns">
+<div class="row"><div class="columns register-columns">
   <div class="immersive--content immersive--center">
-    <h1>{{ _('Sign Up') }}</h1>
+    <h1 class="sign-up">{{ _('Sign Up') }}</h1>
     <form method="POST" captcha>
       <div class="row"><div class="columns">
-        <label class="inverse material textbox">
+        <label class="inverse material textbox mail-text">
           {{ _('Email') }}
-          <input name="mail" type="text" autofocus>
+          <input class="input-style" name="mail" type="text" autofocus>
         </label>
       </div></div>
       <div class="row"><div class="columns">