aruncsh/ContecMonitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restrict app container to a compact centered console layout and remove full screen height vertical stretch

Browse Source
This commit is contained in:
prathiyuman
2026-07-13 16:29:03 +05:30
parent 35f90d2b49
commit f6c3d2b8cf
3 changed files with 36 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fiveparaminte-main/fiveparaminte-main/static/dashboard.html
+12 -5
View File
@@ -92,10 +92,15 @@
.app-container { .app-container {
position: relative; position: relative;
z-index: 1; z-index: 1;
max-width: 1400px; max-width: 860px;
margin: 0 auto; margin: 40px auto;
padding: 24px; padding: 20px;
min-height: 100vh; background: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: 16px;
box-shadow:
0 4px 6px -1px rgba(0, 0, 0, 0.02),
0 10px 30px -5px rgba(0, 0, 0, 0.05);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
@@ -387,7 +392,6 @@
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto; grid-template-rows: auto auto;
gap: 10px; gap: 10px;
flex: 1;
} }
.vital-card { .vital-card {
@@ -815,6 +819,9 @@
padding: 0 !important; padding: 0 !important;
max-width: 100% !important; max-width: 100% !important;
margin: 0 !important; margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
} }
body.minimal-mode { body.minimal-mode {
padding: 0 !important; padding: 0 !important;
fiveparaminte-main/static/dashboard.html
+12 -5
View File
@@ -92,10 +92,15 @@
.app-container { .app-container {
position: relative; position: relative;
z-index: 1; z-index: 1;
max-width: 1400px; max-width: 860px;
margin: 0 auto; margin: 40px auto;
padding: 24px; padding: 20px;
min-height: 100vh; background: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: 16px;
box-shadow:
0 4px 6px -1px rgba(0, 0, 0, 0.02),
0 10px 30px -5px rgba(0, 0, 0, 0.05);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
@@ -387,7 +392,6 @@
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto; grid-template-rows: auto auto;
gap: 10px; gap: 10px;
flex: 1;
} }
.vital-card { .vital-card {
@@ -815,6 +819,9 @@
padding: 0 !important; padding: 0 !important;
max-width: 100% !important; max-width: 100% !important;
margin: 0 !important; margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
} }
body.minimal-mode { body.minimal-mode {
padding: 0 !important; padding: 0 !important;
static/dashboard.html
+12 -5
View File
@@ -92,10 +92,15 @@
.app-container { .app-container {
position: relative; position: relative;
z-index: 1; z-index: 1;
max-width: 1400px; max-width: 860px;
margin: 0 auto; margin: 40px auto;
padding: 24px; padding: 20px;
min-height: 100vh; background: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: 16px;
box-shadow:
0 4px 6px -1px rgba(0, 0, 0, 0.02),
0 10px 30px -5px rgba(0, 0, 0, 0.05);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
@@ -387,7 +392,6 @@
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto; grid-template-rows: auto auto;
gap: 10px; gap: 10px;
flex: 1;
} }
.vital-card { .vital-card {
@@ -815,6 +819,9 @@
padding: 0 !important; padding: 0 !important;
max-width: 100% !important; max-width: 100% !important;
margin: 0 !important; margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
} }
body.minimal-mode { body.minimal-mode {
padding: 0 !important; padding: 0 !important;