From 0a433913764f74334ca44b2f9e9246dbedb9240b Mon Sep 17 00:00:00 2001 From: Levy Lv <120114434+Lvw666@users.noreply.github.com> Date: Fri, 15 Sep 2023 18:09:39 +0800 Subject: [PATCH] Added page style (#37) * Added title meta * Added page style --- packages/ui-default/common/variables.inc.styl | 2 +- .../components/form/button.page.styl | 5 + .../components/form/textbox.page.styl | 8 ++ packages/ui-default/misc/structure.styl | 7 +- packages/ui-default/misc/tailwindstylus.styl | 92 ++++++++++++++++++- .../templates/domain_dashboard.html | 4 + .../ui-default/templates/user_register.html | 2 +- .../templates/user_register_with_code.html | 64 +++++++------ 8 files changed, 147 insertions(+), 37 deletions(-) diff --git a/packages/ui-default/common/variables.inc.styl b/packages/ui-default/common/variables.inc.styl index b239584..e4121c9 100644 --- a/packages/ui-default/common/variables.inc.styl +++ b/packages/ui-default/common/variables.inc.styl @@ -70,7 +70,7 @@ $comment-op-link-color = lighten($text-1-color, 50%) $menu-item-bg-color-hover = #F4F4F4 $menu-drop-shadow = rem(0 2px 7px) rgba(#000, 0.3) -$menu-drop-bg-color = $content-bg-color +$menu-drop-bg-color = #F5F5F5 $menu-drop-triangle-size = 4px $menu-drop-triangle-shadow = rem(-2px -2px 2px) rgba(#000, 0.15) diff --git a/packages/ui-default/components/form/button.page.styl b/packages/ui-default/components/form/button.page.styl index af6ddd8..f82bef5 100644 --- a/packages/ui-default/components/form/button.page.styl +++ b/packages/ui-default/components/form/button.page.styl @@ -34,3 +34,8 @@ &, &:visited &, .typo & color: #FFF + + &:hover + background: #4540E1 !important + border: 2px solid #4540E1 !important + color: #FFF !important diff --git a/packages/ui-default/components/form/textbox.page.styl b/packages/ui-default/components/form/textbox.page.styl index 536d95c..c9ef026 100644 --- a/packages/ui-default/components/form/textbox.page.styl +++ b/packages/ui-default/components/form/textbox.page.styl @@ -78,3 +78,11 @@ label.textbox.material.inverse &.focus color: $immersive-primary-color + +.register-submit + background-color: #fff !important + border-color: #fff !important + input + &:hover + background-color: #fff !important + border-color: #fff !important \ No newline at end of file diff --git a/packages/ui-default/misc/structure.styl b/packages/ui-default/misc/structure.styl index a1f543b..cbd11e2 100644 --- a/packages/ui-default/misc/structure.styl +++ b/packages/ui-default/misc/structure.styl @@ -189,4 +189,9 @@ button.bgc-style .button-remove background-color: #f90505 !important - color: #fff !important \ No newline at end of file + color: #fff !important + +.register-container + // width: 30% !important + padding: 0px 40px 40px !important + border-radius: 16px \ No newline at end of file diff --git a/packages/ui-default/misc/tailwindstylus.styl b/packages/ui-default/misc/tailwindstylus.styl index 15ec589..fc50890 100644 --- a/packages/ui-default/misc/tailwindstylus.styl +++ b/packages/ui-default/misc/tailwindstylus.styl @@ -200,13 +200,97 @@ .p-6 padding: 24px !important +.p-7 + padding: 28px !important + +.p-8 + padding: 32px !important + +.p-9 + padding: 36px !important + +.p-10 + padding: 40px !important + +.p-11 + padding: 44px !important + +.p-12 + padding: 48px !important + +.p-13 + padding: 52px !important + +.p-14 + padding: 56px !important + .px-5 - padding-left: 20px - padding-right: 20px + padding-left: 20px !important + padding-right: 20px !important + +.px-6 + padding-left: 24px !important + padding-right: 24px !important + +.px-7 + padding-left: 28px !important + padding-right: 28px !important + +.px-8 + padding-left: 32px !important + padding-right: 32px !important + +.px-9 + padding-left: 36px !important + padding-right: 36px !important + +.px-10 + padding-left: 40px !important + padding-right: 40px !important + +.px-11 + padding-left: 44px !important + padding-right: 44px !important + +.px-12 + padding-left: 48px !important + padding-right: 48px !important + +.py-13 + padding-top: 52px !important + padding-bottom: 52px !important + +.py-1 + padding-top: 4px !important + padding-bottom: 4px !important + +.py-2 + padding-top: 8px !important + padding-bottom: 8px !important + +.py-3 + padding-top: 12px !important + padding-bottom: 12px !important + +.py-4 + padding-top: 16px !important + padding-bottom: 16px !important .py-5 - padding-top: 20px - padding-bottom: 20px + padding-top: 20px !important + padding-bottom: 20px !important + +.py-6 + padding-top: 24px !important + padding-bottom: 24px !important + +.py-7 + padding-top: 28px !important + padding-bottom: 28px !important + +.py-8 + padding-top: 32px !important + padding-bottom: 32px !important .m-5 margin: 20px !important diff --git a/packages/ui-default/templates/domain_dashboard.html b/packages/ui-default/templates/domain_dashboard.html index b3a5c56..68cdc4c 100644 --- a/packages/ui-default/templates/domain_dashboard.html +++ b/packages/ui-default/templates/domain_dashboard.html @@ -42,4 +42,8 @@

{{ _('Delete Domain') }}

{% endif %} #} +
+
Kathy
+
网站后台管理系统
+
{% endblock %} diff --git a/packages/ui-default/templates/user_register.html b/packages/ui-default/templates/user_register.html index ff28163..2291023 100644 --- a/packages/ui-default/templates/user_register.html +++ b/packages/ui-default/templates/user_register.html @@ -1,7 +1,7 @@ {% extends "layout/immersive.html" %} {% block content %}
-
+

{{ _('Sign Up') }}

diff --git a/packages/ui-default/templates/user_register_with_code.html b/packages/ui-default/templates/user_register_with_code.html index 4ca7265..10a2447 100644 --- a/packages/ui-default/templates/user_register_with_code.html +++ b/packages/ui-default/templates/user_register_with_code.html @@ -1,35 +1,39 @@ {% extends "layout/immersive.html" %} {% block content %} -
-

{{ _('Sign Up') }}

- -
- +
+
+
+

{{ _('Sign Up') }}

+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
-
- -
-
- -
-
- -
-
- -
- +
{% endblock %}