Add new logo image in 64px resolution to the website

This commit is contained in:
2026-03-05 19:26:28 +11:00
parent fb86ebbd0d
commit 4f5664a633
11 changed files with 88 additions and 47 deletions

View File

@@ -340,53 +340,105 @@ body {
@media (max-width: 480px) {
.crt-border-overlay {
border-width: 25px;
border-image-width: 25px;
border-width: 15px;
border-image-width: 15px;
}
.container,
.boot-screen {
top: 25px;
left: 25px;
right: 25px;
bottom: 35px;
top: 15px;
left: 15px;
right: 15px;
bottom: 20px;
border-width: 2px;
}
.boot-screen {
font-size: 11px;
padding: 10px;
font-size: 10px;
padding: 8px;
}
.terminal-header {
padding: 4px 8px;
}
.terminal-title {
letter-spacing: 1px;
font-size: 10px;
letter-spacing: 0;
font-size: 9px;
}
.header-left {
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex-direction: row;
align-items: center;
gap: 6px;
}
.header-links {
gap: 6px;
font-size: 9px;
gap: 4px;
font-size: 8px;
}
.header-link {
padding: 2px 4px;
}
.header-right {
display: none;
}
.status-bar {
padding: 3px 8px;
font-size: 9px;
}
.status-right {
display: none;
}
#terminal {
padding: 3px 5px;
}
/* Prevent iOS auto-zoom on input focus */
.terminal-inline-input {
font-size: 16px;
}
}
/* Very small screens - minimal border */
@media (max-width: 380px) {
.crt-border-overlay {
border-width: 8px;
border-image-width: 8px;
}
.container,
.boot-screen {
top: 8px;
left: 8px;
right: 8px;
bottom: 12px;
border-width: 1px;
border-radius: 4px;
}
.terminal-header {
padding: 3px 6px;
}
.terminal-title {
font-size: 8px;
}
.header-links {
display: none;
}
.status-bar {
padding: 2px 6px;
}
}
/* Scrollbar styling */
::-webkit-scrollbar {
width: 8px;