Reorganize project structure
This commit is contained in:
222
checkaddy_app/css.py
Normal file
222
checkaddy_app/css.py
Normal file
@@ -0,0 +1,222 @@
|
||||
APP_CSS = """
|
||||
Screen {
|
||||
background: #090f1f;
|
||||
color: #e2e8f0;
|
||||
}
|
||||
|
||||
Header {
|
||||
background: #0f172a;
|
||||
color: #f8fafc;
|
||||
}
|
||||
|
||||
Footer {
|
||||
background: #0f172a;
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
#app {
|
||||
height: 1fr;
|
||||
padding: 1 2;
|
||||
}
|
||||
|
||||
#hero {
|
||||
height: auto;
|
||||
margin-bottom: 1;
|
||||
padding: 1 2;
|
||||
background: #0f172a;
|
||||
border: round #334155;
|
||||
}
|
||||
|
||||
#hero-title {
|
||||
color: #f8fafc;
|
||||
text-style: bold;
|
||||
}
|
||||
|
||||
#hero-subtitle {
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
#hero-credit {
|
||||
color: #60a5fa;
|
||||
margin-top: 1;
|
||||
}
|
||||
|
||||
#layout {
|
||||
height: 1fr;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
width: 42;
|
||||
min-width: 42;
|
||||
max-width: 42;
|
||||
margin-right: 1;
|
||||
}
|
||||
|
||||
#main {
|
||||
height: 1fr;
|
||||
}
|
||||
|
||||
.panel {
|
||||
background: #0f172a;
|
||||
border: round #334155;
|
||||
padding: 1 2;
|
||||
margin-bottom: 1;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.panel-title {
|
||||
color: #f8fafc;
|
||||
text-style: bold;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
.subtle {
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
Input {
|
||||
margin-top: 1;
|
||||
background: #0b1220;
|
||||
border: round #475569;
|
||||
color: #e2e8f0;
|
||||
}
|
||||
|
||||
Input:focus {
|
||||
border: round #60a5fa;
|
||||
}
|
||||
|
||||
RadioSet {
|
||||
margin-top: 1;
|
||||
}
|
||||
|
||||
#controls Button {
|
||||
width: 1fr;
|
||||
margin-top: 1;
|
||||
}
|
||||
|
||||
#quick-validation {
|
||||
margin-top: 1;
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
#status-body.ok {
|
||||
color: #4ade80;
|
||||
}
|
||||
|
||||
#status-body.warn {
|
||||
color: #fbbf24;
|
||||
}
|
||||
|
||||
#status-body.error {
|
||||
color: #f87171;
|
||||
}
|
||||
|
||||
#status-body.info {
|
||||
color: #93c5fd;
|
||||
}
|
||||
|
||||
#metrics {
|
||||
layout: grid;
|
||||
grid-size: 2 3;
|
||||
grid-columns: 1fr 1fr;
|
||||
grid-gutter: 1 1;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.metric-card {
|
||||
min-height: 8;
|
||||
padding: 1 2;
|
||||
background: #0b1220;
|
||||
border: round #253247;
|
||||
}
|
||||
|
||||
.metric-label {
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.metric-value {
|
||||
color: #f8fafc;
|
||||
text-style: bold;
|
||||
margin-top: 1;
|
||||
}
|
||||
|
||||
#details-grid {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.detail-row {
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
.detail-key {
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.detail-value {
|
||||
color: #e2e8f0;
|
||||
}
|
||||
|
||||
#json-panel {
|
||||
height: auto;
|
||||
min-height: 18;
|
||||
}
|
||||
|
||||
#json-box {
|
||||
height: auto;
|
||||
min-height: 14;
|
||||
background: #0b1220;
|
||||
border: round #253247;
|
||||
padding: 1;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#help-dialog {
|
||||
width: 76;
|
||||
height: auto;
|
||||
background: #0f172a;
|
||||
border: round #60a5fa;
|
||||
padding: 1 2;
|
||||
}
|
||||
|
||||
#help-title {
|
||||
color: #f8fafc;
|
||||
text-style: bold;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
#help-body {
|
||||
color: #cbd5e1;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
#github-dialog {
|
||||
width: 72;
|
||||
height: auto;
|
||||
background: #0f172a;
|
||||
border: round #60a5fa;
|
||||
padding: 1 2;
|
||||
}
|
||||
|
||||
#github-title {
|
||||
color: #f8fafc;
|
||||
text-style: bold;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
#github-body {
|
||||
color: #cbd5e1;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
#github-url {
|
||||
color: #93c5fd;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
|
||||
#github-buttons Button {
|
||||
width: 1fr;
|
||||
}
|
||||
"""
|
||||
Reference in New Issue
Block a user