Skip to content

Commit

Permalink
Added page style (#37)
Browse files Browse the repository at this point in the history
* Added title meta

* Added page style
  • Loading branch information
Lvw666 committed Sep 15, 2023
1 parent f3362dc commit 0a43391
Show file tree
Hide file tree
Showing 8 changed files with 147 additions and 37 deletions.
2 changes: 1 addition & 1 deletion packages/ui-default/common/variables.inc.styl
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand Down
5 changes: 5 additions & 0 deletions packages/ui-default/components/form/button.page.styl
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,8 @@
&, &:visited
&, .typo &
color: #FFF

&:hover
background: #4540E1 !important
border: 2px solid #4540E1 !important
color: #FFF !important
8 changes: 8 additions & 0 deletions packages/ui-default/components/form/textbox.page.styl
Original file line number Diff line number Diff line change
Expand Up @@ -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
7 changes: 6 additions & 1 deletion packages/ui-default/misc/structure.styl
Original file line number Diff line number Diff line change
Expand Up @@ -189,4 +189,9 @@ button.bgc-style

.button-remove
background-color: #f90505 !important
color: #fff !important
color: #fff !important

.register-container
// width: 30% !important
padding: 0px 40px 40px !important
border-radius: 16px
92 changes: 88 additions & 4 deletions packages/ui-default/misc/tailwindstylus.styl
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
4 changes: 4 additions & 0 deletions packages/ui-default/templates/domain_dashboard.html
Original file line number Diff line number Diff line change
Expand Up @@ -42,4 +42,8 @@ <h1 class="section__title" data-heading>{{ _('Delete Domain') }}</h1>
<div class="section__body"></div>
</div>
{% endif %} #}
<div class="manage-container">
<div class="ml-4 font-bold text-2xl">Kathy</div>
<div class="ml-4 mt-2 text-gray">网站后台管理系统</div>
</div>
{% endblock %}
2 changes: 1 addition & 1 deletion packages/ui-default/templates/user_register.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{% extends "layout/immersive.html" %}
{% block content %}
<div class="row"><div class="columns register-columns">
<div class="immersive--content immersive--center">
<div class="immersive--content immersive--center p-">
<h1 class="sign-up">{{ _('Sign Up') }}</h1>
<form method="POST" captcha>
<div class="row"><div class="columns">
Expand Down
64 changes: 34 additions & 30 deletions packages/ui-default/templates/user_register_with_code.html
Original file line number Diff line number Diff line change
@@ -1,35 +1,39 @@
{% extends "layout/immersive.html" %}
{% block content %}
<div class="immersive--content immersive--center">
<h1>{{ _('Sign Up') }}</h1>
<form method="POST">
<div>
<label class="inverse material textbox">
{{ _('Email') }}
<input type="text" value="{{ mail }}" disabled>
</label>
<div class="flex justify-center w-full">
<div class="bg-blue register-container">
<div class="immersive--content immersive--center">
<h1>{{ _('Sign Up') }}</h1>
<form method="POST">
<div>
<label class="inverse material textbox">
{{ _('Email') }}
<input type="text" value="{{ mail }}" disabled>
</label>
</div>
<div>
<label class="inverse material textbox">
{{ _('Username') }}
<input name="uname" value="{{ username or '' }}" type="text" autofocus>
</label>
</div>
<div>
<label class="inverse material textbox">
{{ _('Password') }}
<input name="password" type="password">
</label>
</div>
<div>
<label class="inverse material textbox">
{{ _('Repeat Password') }}
<input name="verifyPassword" type="password">
</label>
</div>
<div class="text-center">
<input type="submit" value="{{ _('user_register') }}" class="register-submit expanded rounded mt-4 button bg-white text-black">
</div>
</form>
</div>
<div>
<label class="inverse material textbox">
{{ _('Username') }}
<input name="uname" value="{{ username or '' }}" type="text" autofocus>
</label>
</div>
<div>
<label class="inverse material textbox">
{{ _('Password') }}
<input name="password" type="password">
</label>
</div>
<div>
<label class="inverse material textbox">
{{ _('Repeat Password') }}
<input name="verifyPassword" type="password">
</label>
</div>
<div class="text-center">
<input type="submit" value="{{ _('user_register') }}" class="inverse expanded rounded primary button">
</div>
</form>
</div>
</div>
{% endblock %}

0 comments on commit 0a43391

Please sign in to comment.