hyzen/hyzendust.github.io
1
0
Fork 0
mirror of https://github.com/hyzendust/hyzendust.github.io.git synced 2026-09-21 03:23:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix: page width for small screens

Browse Source
This commit is contained in:
hyzen
2026-07-20 17:25:52 +05:30
parent 832ed931cf
commit 4ab1fadb0c
2 changed files with 38 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
docs/css/custom.css
View File

@@ -121,6 +121,13 @@
margin-top: 2rem; margin-top: 2rem;
} }
.brand h1 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Brand actions */ /* Brand actions */
.brand__actions { .brand__actions {
display: flex; display: flex;
@@ -128,6 +135,7 @@
gap: 0.4rem; gap: 0.4rem;
margin-left: auto; margin-left: auto;
flex-wrap: nowrap; flex-wrap: nowrap;
flex-shrink: 0;
} }
.brand__auth { .brand__auth {
@@ -276,6 +284,16 @@
} }
} }
@media (max-width: 280px) {
.brand h1 {
font-size: 1.05rem;
}
.header {
padding-top: 1.3rem;
}
}
/* ── Subscribe dropdown ── */ /* ── Subscribe dropdown ── */
.rss-subscribe { .rss-subscribe {
position: relative; position: relative;
@@ -1577,7 +1595,7 @@ th {
} }
.site-search__input { .site-search__input {
width: 9.3rem; width: 9.4rem;
max-width: 32vw; max-width: 32vw;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;

20
static/css/custom.css
View File

@@ -121,6 +121,13 @@
margin-top: 2rem; margin-top: 2rem;
} }
.brand h1 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Brand actions */ /* Brand actions */
.brand__actions { .brand__actions {
display: flex; display: flex;
@@ -128,6 +135,7 @@
gap: 0.4rem; gap: 0.4rem;
margin-left: auto; margin-left: auto;
flex-wrap: nowrap; flex-wrap: nowrap;
flex-shrink: 0;
} }
.brand__auth { .brand__auth {
@@ -276,6 +284,16 @@
} }
} }
@media (max-width: 280px) {
.brand h1 {
font-size: 1.05rem;
}
.header {
padding-top: 1.3rem;
}
}
/* ── Subscribe dropdown ── */ /* ── Subscribe dropdown ── */
.rss-subscribe { .rss-subscribe {
position: relative; position: relative;
@@ -1577,7 +1595,7 @@ th {
} }
.site-search__input { .site-search__input {
width: 9.3rem; width: 9.4rem;
max-width: 32vw; max-width: 32vw;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;