This repository has no description
update styles
author
damedotblog
date
(Feb 28, 2025, 10:21 PM -0500)
commit
a6b55777
a6b5577760cc871381629d05807e2859bc5ff382
parent
f2c06994
f2c06994e5a0fca5d0b33b0748b5d3a8e81b5b8d
+29
-26
+1
src/App.css
+1
src/App.css
+28
-26
src/components/Admin/AdminPanel.css
+28
-26
src/components/Admin/AdminPanel.css
···
31
31
display: grid;
32
32
grid-template-columns: 300px 1fr;
33
33
gap: 20px;
34
-
height: calc(100vh - 120px);
34
+
height: 133.0vh;
35
35
}
36
36
37
37
/* Resources sidebar */
38
38
.resources-sidebar {
39
-
background-color: var(--navbar-bg);
40
-
border-radius: 8px;
41
-
border: 1px solid var(--card-border);
42
-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
43
-
display: flex;
44
39
flex-direction: column;
45
40
height: 93.8%;
46
41
overflow: hidden;
47
42
padding: 10px;
48
-
transition: background-color 0.3s ease, border-color 0.3s ease;
43
+
background: var(--navbar-bg);
44
+
border: 5px solid var(--card-border);
45
+
border-radius: 12px;
46
+
box-shadow: none;
49
47
}
50
48
51
49
.sidebar-header {
···
65
63
}
66
64
67
65
.sidebar-filters {
68
-
padding: 10px 15px;
66
+
padding: 10px 0px;
69
67
border-bottom: 1px solid var(--card-border);
70
68
background-color: var(--navbar-bg);
71
69
transition: background-color 0.3s ease, border-color 0.3s ease;
···
76
74
}
77
75
78
76
.search-input {
79
-
width: 100%;
80
-
padding: 8px;
77
+
background-color: var(--navbar-bg);
81
78
border: 1px solid var(--card-border);
82
79
border-radius: 4px;
80
+
color: var(--text);
83
81
font-size: 14px;
84
-
margin-bottom: 8px;
85
-
background-color: var(--navbar-bg);
86
-
color: var(--text);
87
-
transition: all 0.3s ease;
82
+
padding: 8px;
83
+
transition: all .3s ease;
84
+
width: 100%;
85
+
margin: 0px;
86
+
display: flex;
88
87
}
89
88
90
89
.search-input:hover,
···
236
235
237
236
/* Resource editor */
238
237
.resource-editor {
239
-
background-color: var(--navbar-bg);
240
-
border-radius: 8px;
241
-
border: 1px solid var(--card-border);
242
-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
243
-
padding: 20px;
238
+
color: var(--text);
244
239
height: 92%;
245
240
overflow-y: auto;
246
-
transition: background-color 0.3s ease, border-color 0.3s ease;
247
-
color: var(--text);
241
+
padding: 20px;
242
+
transition: background-color .3s ease,border-color .3s ease;
243
+
background: var(--navbar-bg);
244
+
border: 5px solid var(--card-border);
245
+
border-radius: 12px;
246
+
box-shadow: none;
248
247
}
249
248
250
249
.editor-header {
251
250
margin-bottom: 20px;
252
-
display: flex;
253
-
justify-content: space-between;
254
-
align-items: center;
255
251
}
256
252
257
253
.resource-editor input {
···
277
273
font-weight: 700;
278
274
font-size: 0.9em;
279
275
transition: background-color 0.3s ease;
276
+
margin: 0px;
280
277
}
281
278
282
279
.floating-save-button:hover {
···
379
376
.form-group textarea {
380
377
resize: vertical;
381
378
min-height: 100px;
379
+
font-family: articulat-cf;
382
380
}
383
381
384
382
.checkbox-group {
···
467
465
468
466
.delete-button {
469
467
background: none;
468
+
font-size: 16px;
469
+
opacity: .7;
470
470
padding: 3px 6px;
471
-
font-size: 16px;
472
-
opacity: 0.7;
471
+
margin: 0px;
472
+
margin-left: 10px;
473
+
margin-bottom: 10px;
473
474
}
474
475
475
476
.delete-button:hover {
···
521
522
padding: 8px 16px;
522
523
border: 1px solid var(--card-border);
523
524
transition: all 0.3s ease;
525
+
margin: 0px;
524
526
}
525
527
526
528
.logout-button:hover {