Cyper/CyBySide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Minor mobile/iOS fixes
All checks were successful
Deploy Blog to Folder / deploy (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Cyper
2025-07-27 16:01:48 -04:00
parent 4ee6c9519c
commit 1e2d79c74b
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/css/style.css
View File

@ -117,9 +117,15 @@ footer {
align-items: center; align-items: center;
align-content: center; align-content: center;
text-decoration: none; text-decoration: none;
}
.nav-hyperlinks a,
.nav-hyperlinks ion-icon,
.mobile-nav-header ion-icon {
color: rgba(var(--black), .52); color: rgba(var(--black), .52);
} }
.nav-hyperlinks a:hover { .nav-hyperlinks a:hover,
.nav-hyperlinks ion-icon:hover,
.mobile-nav-header ion-icon:hover {
color: rgba(var(--black), .86); color: rgba(var(--black), .86);
} }
.nav-hyperlinks ion-icon { .nav-hyperlinks ion-icon {
@ -150,7 +156,7 @@ footer {
bottom: 0; bottom: 0;
top: 0; top: 0;
right: 0; right: 0;
width: 400px; width: min(400px, 95%);
border-left: var(--borders); border-left: var(--borders);
transform: translateX(100%); transform: translateX(100%);
transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out;
@ -223,7 +229,7 @@ footer {
.mobile-nav-backdrop.show { .mobile-nav-backdrop.show {
opacity: 0.5; opacity: 0.5;
} }
nav li[data-mobile] { nav li[data-mobile], button {
cursor: pointer; cursor: pointer;
} }