litruv/lit.ruv.wtf
1
0
Fork 0
mirror of https://github.com/litruv/lit.ruv.wtf.git synced 2026-07-24 10:46:03 +10:00
Code Issues Packages Projects Releases Wiki Activity

Enhance responsive design: Adjust container positioning and border styles for smaller screens

Browse Source
This commit is contained in:
Litruv
2026-03-05 02:51:32 +11:00
parent b79cbf0545
commit 134e917cac
2 changed files with 27 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
website/styles.css
View File

@@ -184,9 +184,16 @@ body {
/* Responsive adjustments */
@media (max-width: 768px) {
.crt-border-overlay {
border-width: 40px;
border-image-width: 40px;
}
.container {
width: 98vw;
height: 95vh;
top: 40px;
left: 40px;
right: 40px;
bottom: 50px;
border-radius: 4px;
}
@@ -215,6 +222,18 @@ body {
}
@media (max-width: 480px) {
.crt-border-overlay {
border-width: 25px;
border-image-width: 25px;
}
.container {
top: 25px;
left: 25px;
right: 25px;
bottom: 35px;
}
.terminal-title {
letter-spacing: 1px;
font-size: 10px;
@@ -234,11 +253,15 @@ body {
.header-link {
padding: 2px 4px;
}
}
.status-right {
display: none;
}
/* Prevent iOS auto-zoom on input focus */
.terminal-inline-input {
font-size: 16px;
}
}
/* Scrollbar styling */