jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 漢堡Logo置中子選單

Browse Source
This commit is contained in:
jekkinoopy
2026-05-16 20:58:09 +08:00
parent febaefa1e3
commit 70dd97c2a1
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+17 -10
View File
@@ -479,13 +479,12 @@ nav a {
z-index: 10000; z-index: 10000;
overflow: hidden; overflow: hidden;
background-color: var(--black); background-color: var(--black);
grid-template-columns: 1fr auto; grid-template-columns: 1fr;
grid-template-rows: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
grid-template-areas: grid-template-areas:
"logo toggle" "top"
"menu menu"; "menu";
row-gap: 1.75rem; row-gap: 1.75rem;
column-gap: 0.75rem;
align-content: start; align-content: start;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -504,9 +503,10 @@ nav a {
} }
.portal-nav.portal-nav--open .logo { .portal-nav.portal-nav--open .logo {
justify-self: start; grid-area: top;
justify-self: center;
align-self: center; align-self: center;
width: min(240px, calc(100% - 3.25rem)); width: min(240px, calc(100% - 3.5rem));
transform: none; transform: none;
} }
@@ -516,6 +516,7 @@ nav a {
height: auto; height: auto;
max-height: 3.25rem; max-height: 3.25rem;
object-fit: contain; object-fit: contain;
margin-inline: auto;
} }
.portal-nav__menu-toggle { .portal-nav__menu-toggle {
@@ -529,9 +530,9 @@ nav a {
} }
.portal-nav.portal-nav--open .portal-nav__menu-toggle { .portal-nav.portal-nav--open .portal-nav__menu-toggle {
grid-area: toggle; grid-area: top;
justify-self: end; justify-self: end;
align-self: start; align-self: center;
} }
.portal-nav>ul { .portal-nav>ul {
@@ -552,6 +553,8 @@ nav a {
.portal-nav.portal-nav--open>ul { .portal-nav.portal-nav--open>ul {
display: flex; display: flex;
flex: 1 1 auto; flex: 1 1 auto;
flex-direction: column;
align-items: center;
min-height: 0; min-height: 0;
width: 100%; width: 100%;
margin-top: 0; margin-top: 0;
@@ -567,7 +570,8 @@ nav a {
.portal-nav.portal-nav--open>ul>li { .portal-nav.portal-nav--open>ul>li {
width: 100%; width: 100%;
max-width: 100%; max-width: 22rem;
align-self: center;
position: relative; position: relative;
padding-bottom: 0; padding-bottom: 0;
} }
@@ -575,6 +579,7 @@ nav a {
.portal-nav.portal-nav--open>ul>li>a { .portal-nav.portal-nav--open>ul>li>a {
min-height: 40px; min-height: 40px;
padding: 6px 12px; padding: 6px 12px;
width: 100%;
} }
.portal-nav>ul>li { .portal-nav>ul>li {
@@ -634,7 +639,8 @@ nav a {
top: auto; top: auto;
left: auto; left: auto;
right: auto; right: auto;
width: min(100%, 20rem); width: 100%;
max-width: 20rem;
min-width: 0; min-width: 0;
margin: 4px auto 0; margin: 4px auto 0;
padding: 8px 12px 10px; padding: 8px 12px 10px;
@@ -642,6 +648,7 @@ nav a {
border-radius: 10px; border-radius: 10px;
background: rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.06);
box-sizing: border-box; box-sizing: border-box;
align-self: center;
} }
.portal-nav .portal-submenu .portal-nav__subgroup { .portal-nav .portal-submenu .portal-nav__subgroup {