1
0
Fork 0

update ui

This commit is contained in:
nanxiaobei 2023-07-07 16:38:46 +08:00
parent ce146169af
commit 9c48a92ace
5 changed files with 14 additions and 10 deletions

View file

@ -1226,6 +1226,10 @@ body {
margin-top: 3rem; margin-top: 3rem;
} }
.mt-16 {
margin-top: 4rem;
}
.mt-24 { .mt-24 {
margin-top: 6rem; margin-top: 6rem;
} }
@ -1258,16 +1262,16 @@ body {
height: 2rem; height: 2rem;
} }
.h-\[5rem\] { .h-\[4\.5rem\] {
height: 5rem; height: 4.5rem;
} }
.h-full { .h-full {
height: 100%; height: 100%;
} }
.min-h-\[calc\(100\%-10rem\)\] { .min-h-\[calc\(100\%-9rem\)\] {
min-height: calc(100% - 10rem); min-height: calc(100% - 9rem);
} }
.w-1\/2 { .w-1\/2 {

View file

@ -33,7 +33,7 @@
{{ end }}<!----> {{ end }}<!---->
<html <html
class="not-ready text-sm lg:text-base" class="not-ready lg:text-base"
style="--bg: {{ $.Scratch.Get `bg_color` }}" style="--bg: {{ $.Scratch.Get `bg_color` }}"
lang="{{ site.LanguageCode }}" lang="{{ site.LanguageCode }}"
> >
@ -42,7 +42,7 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
<main <main
class="prose prose-neutral relative mx-auto min-h-[calc(100%-10rem)] max-w-3xl px-8 pb-16 pt-12 dark:prose-invert" class="prose prose-neutral relative mx-auto min-h-[calc(100%-9rem)] max-w-3xl px-8 pb-16 pt-12 dark:prose-invert"
> >
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
</main> </main>

View file

@ -63,7 +63,7 @@
<!-- Main Nav --> <!-- Main Nav -->
{{ if gt $paginator.TotalPages 1 }} {{ if gt $paginator.TotalPages 1 }}
<nav class="mt-24 flex"> <nav class="mt-16 flex">
{{ if $paginator.HasPrev }} {{ if $paginator.HasPrev }}
<a class="btn" href="{{ $paginator.Prev.URL }}">← {{ i18n "prev_page" }}</a> <a class="btn" href="{{ $paginator.Prev.URL }}">← {{ i18n "prev_page" }}</a>
{{ end }}<!----> {{ end }}<!---->

View file

@ -1,5 +1,5 @@
<footer <footer
class="opaco mx-auto flex h-[5rem] max-w-3xl items-center px-8 text-[0.9em] opacity-60" class="opaco mx-auto flex h-[4.5rem] max-w-3xl items-center px-8 text-[0.9em] opacity-60"
> >
<div class="mr-auto"> <div class="mr-auto">
&copy; {{ now.Year }} &copy; {{ now.Year }}

View file

@ -1,4 +1,4 @@
<header class="mx-auto flex h-[5rem] max-w-3xl px-8 lg:justify-center"> <header class="mx-auto flex h-[4.5rem] max-w-3xl px-8 lg:justify-center">
<div class="relative z-50 mr-auto flex items-center"> <div class="relative z-50 mr-auto flex items-center">
<a <a
class="-translate-x-[1px] -translate-y-[1px] text-2xl font-semibold" class="-translate-x-[1px] -translate-y-[1px] text-2xl font-semibold"
@ -13,7 +13,7 @@
</div> </div>
<div <div
class="btn-menu relative z-50 -mr-8 flex h-[5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden" class="btn-menu relative z-50 -mr-8 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden"
role="button" role="button"
aria-label="Menu" aria-label="Menu"
></div> ></div>