No One Can Stop Me Now
This commit is contained in:
@@ -9,6 +9,8 @@
|
||||
--text-muted: #5c6078;
|
||||
--accent: #6366f1;
|
||||
--accent-hover: #818cf8;
|
||||
--primary: #6366f1;
|
||||
--surface: #222536;
|
||||
--success: #22c55e;
|
||||
--warning: #f59e0b;
|
||||
--danger: #ef4444;
|
||||
@@ -101,6 +103,19 @@ pre { background: var(--bg-primary); border: 1px solid var(--border); border-rad
|
||||
.flash-info { background: rgba(99,102,241,0.15); color: var(--accent); border: 1px solid rgba(99,102,241,0.3); }
|
||||
|
||||
/* Forms */
|
||||
/* Standalone form control (used outside .form-group) */
|
||||
.form-control {
|
||||
display: block; width: 100%; padding: 8px 12px;
|
||||
background: var(--bg-input); border: 1px solid var(--border);
|
||||
border-radius: var(--radius); color: var(--text-primary);
|
||||
font-size: 0.9rem; font-family: inherit;
|
||||
}
|
||||
.form-control:focus { outline: none; border-color: var(--accent); }
|
||||
.form-control[type="text"], .form-control[type="number"],
|
||||
.form-control[type="password"], .form-control[type="email"] { height: 38px; }
|
||||
select.form-control { height: 38px; cursor: pointer; }
|
||||
textarea.form-control { font-family: monospace; resize: vertical; }
|
||||
|
||||
.form-group { margin-bottom: 16px; text-align: left; }
|
||||
.form-group label { display: block; margin-bottom: 6px; font-size: 0.85rem; color: var(--text-secondary); }
|
||||
.form-group input, .form-group select, .form-group textarea {
|
||||
@@ -133,8 +148,10 @@ pre { background: var(--bg-primary); border: 1px solid var(--border); border-rad
|
||||
.btn-warning:hover { background: rgba(245,158,11,0.3); }
|
||||
.btn-danger { background: rgba(239,68,68,0.2); border-color: var(--danger); color: var(--danger); }
|
||||
.btn-danger:hover { background: rgba(239,68,68,0.3); }
|
||||
.btn-small { padding: 6px 12px; font-size: 0.8rem; }
|
||||
.btn-small, .btn-sm { padding: 6px 12px; font-size: 0.8rem; }
|
||||
.btn-full { width: 100%; }
|
||||
.btn-outline { background: transparent; border-color: var(--accent); color: var(--accent); }
|
||||
.btn-outline:hover { background: rgba(99,102,241,0.15); }
|
||||
.btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||
|
||||
/* Page header */
|
||||
@@ -176,6 +193,18 @@ pre { background: var(--bg-primary); border: 1px solid var(--border); border-rad
|
||||
.section h2 { font-size: 1rem; margin-bottom: 16px; }
|
||||
.section h3 { font-size: 0.9rem; margin-bottom: 12px; color: var(--text-secondary); }
|
||||
|
||||
/* Generic card — used throughout module pages */
|
||||
.card {
|
||||
background: var(--bg-card); border: 1px solid var(--border);
|
||||
border-radius: var(--radius); padding: 20px; margin-bottom: 16px;
|
||||
}
|
||||
.card h3 { font-size: 0.95rem; margin-bottom: 12px; }
|
||||
.card h4 { font-size: 0.85rem; margin-bottom: 8px; color: var(--text-secondary); }
|
||||
|
||||
/* Tab container — alias for .tab-bar */
|
||||
.tabs { display: flex; gap: 0; border-bottom: 1px solid var(--border); margin-bottom: 20px; }
|
||||
.tabs .tab { padding: 10px 18px; }
|
||||
|
||||
/* Tables */
|
||||
.data-table { width: 100%; border-collapse: collapse; }
|
||||
.data-table th {
|
||||
|
||||
Reference in New Issue
Block a user