SVS_Public_Repo/SAMY
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix gap in left column

Browse Source
This commit is contained in:
Stephan Yelle
2026-01-25 01:12:58 -05:00
parent 84eb871932
commit 6f5d1b77df
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
samy.css
View File

@@ -248,20 +248,19 @@ body {
/* Columns & checkboxes */ /* Columns & checkboxes */
.columns-container { .columns-container {
display: flex; display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px; gap: 20px;
flex-wrap: wrap; align-items: start;
align-items: flex-start;
} }
.column { .column {
flex: 1;
max-width: 45%;
border: 2px solid var(--border-color); border: 2px solid var(--border-color);
border-radius: 8px; border-radius: 8px;
padding: 10px; padding: 10px;
background-color: var(--dark-gray-color); background-color: var(--dark-gray-color);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
max-width: none;
} }
/* ========================= /* =========================
@@ -392,21 +391,35 @@ body {
/* Responsive */ /* Responsive */
@media (max-width: 768px) { @media (max-width: 768px) {
/* Stack sidebar on top (keep this if you liked the old behavior) */
.container { .container {
flex-direction: column; flex-direction: column;
height: 100%;
} }
.sidebar { .sidebar {
width: 100%; width: 100%;
} }
.column { /* Grid becomes 1 column on small screens */
max-width: 100%; .columns-container {
grid-template-columns: 1fr;
} }
/* Ensure columns are full width */
.column {
max-width: none;
}
/* Panels go full width on mobile */
#PasswordContainer, #PasswordContainer,
#dattoRmmContainer { #dattoRmmContainer,
#printerPasswordContainer,
#printerClientContainer,
#printerListContainer {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
} }
} }