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 19:25:05 +08:00
parent fc2759a595
commit 4531010e21
1 changed files with 30 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+30 -9
View File
@@ -481,11 +481,13 @@ nav a {
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
background-color: var(--black); background-color: var(--black);
grid-template-columns: 1fr auto; display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
grid-template-areas: grid-template-areas:
"head head" "head"
"menu menu"; "menu";
row-gap: 1.25rem;
align-content: start; align-content: start;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -498,6 +500,21 @@ nav a {
.portal-nav.portal-nav--open .logo { .portal-nav.portal-nav--open .logo {
grid-area: head; grid-area: head;
justify-self: center; justify-self: center;
align-self: start;
width: min(260px, calc(100% - 3.5rem));
max-width: 100%;
margin: 0 auto;
padding: 0 2.75rem 0.25rem;
box-sizing: border-box;
transform: none;
}
.portal-nav.portal-nav--open .logo img {
display: block;
width: 100%;
height: auto;
max-height: 3.25rem;
object-fit: contain;
} }
.portal-nav__menu-toggle { .portal-nav__menu-toggle {
@@ -510,9 +527,11 @@ nav a {
} }
.portal-nav.portal-nav--open .portal-nav__menu-toggle { .portal-nav.portal-nav--open .portal-nav__menu-toggle {
grid-area: head; position: absolute;
justify-self: end; top: max(0.85rem, env(safe-area-inset-top, 0px));
align-self: center; right: clamp(14px, 2vw + 10px, 32px);
z-index: 2;
grid-area: unset;
} }
.portal-nav>ul { .portal-nav>ul {
@@ -526,19 +545,21 @@ nav a {
width: 100%; width: 100%;
min-width: 0; min-width: 0;
margin-top: 0; margin-top: 0;
padding: 8px 0 12px; padding: 0 0 12px;
border-top: 1px solid rgba(255, 204, 0, 0.2); border-top: 0;
} }
.portal-nav.portal-nav--open>ul { .portal-nav.portal-nav--open>ul {
display: flex; display: flex;
flex: 1 1 auto; flex: 1 1 auto;
min-height: 0; min-height: 0;
margin-top: 12px; margin-top: 0;
padding-top: 1rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
justify-content: flex-start; justify-content: flex-start;
border-top: 1px solid rgba(255, 204, 0, 0.2);
} }
.portal-nav>ul>li { .portal-nav>ul>li {