1 files changed, 58 insertions, 1 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index 97d1f73..a7d2bf8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -17,6 +17,35 @@ footer {
    background: #00000055;
 }
+.fixed {
+    position: fixed;
+    top: 0;
+}
+#actions {
+    width: 100%;
+    padding: .5rem;
+}
+#actions button:first-of-type {
+    margin-right: 1rem;
+}
+#actions button {
+    background: transparent;
+    border: none;
+    width: fit-content;
+    padding: 0;
+}
+#actions button:hover {
+    color:aquamarine !important;
+}
+.aligned.right {
+    justify-content: flex-end;
+}
 .flex {
    display: flex;
 }
@@ -25,6 +54,11 @@ footer {
    flex-direction: row;
 }
+.centered {
+    align-items: center;
+    justify-content: center;
+}
 .flex.col {
    flex-direction: column;
 }
@@ -75,4 +109,27 @@ footer {
    text-transform: uppercase;
    font-weight: 600;
 }
-  
-\ No newline at end of file
+.icon svg {
+    width: 1em;
+    height: 1em;
+    margin-right: .4em;
+}
+.hide {
+    display: none;
+}
+.icon:hover {
+    color: inherit !important;
+}
+html[data-theme="dark"] .icon,
+html[data-theme="dark"] #actions button {
+    color: white;
+}
+html[data-theme="light"] .icon,
+html[data-theme="light"] #actions button {
+    color: #24333e;
+}
+\ No newline at end of file

diff --git a/assets/css/main.css b/assets/css/main.css index 97d1f73..a7d2bf8 100644 --- a/assets/css/main.css +++ b/assets/css/main.css
@@ -17,6 +17,35 @@ footer {
17	background: #00000055;	17	background: #00000055;
18	}	18	}
19		19
		20	.fixed {
		21	position: fixed;
		22	top: 0;
		23	}
		24
		25	#actions {
		26	width: 100%;
		27	padding: .5rem;
		28	}
		29
		30	#actions button:first-of-type {
		31	margin-right: 1rem;
		32	}
		33
		34	#actions button {
		35	background: transparent;
		36	border: none;
		37	width: fit-content;
		38	padding: 0;
		39	}
		40
		41	#actions button:hover {
		42	color:aquamarine !important;
		43	}
		44
		45	.aligned.right {
		46	justify-content: flex-end;
		47	}
		48
20	.flex {	49	.flex {
21	display: flex;	50	display: flex;
22	}	51	}
@@ -25,6 +54,11 @@ footer {
25	flex-direction: row;	54	flex-direction: row;
26	}	55	}
27		56
		57	.centered {
		58	align-items: center;
		59	justify-content: center;
		60	}
		61
28	.flex.col {	62	.flex.col {
29	flex-direction: column;	63	flex-direction: column;
30	}	64	}
@@ -75,4 +109,27 @@ footer {
75	text-transform: uppercase;	109	text-transform: uppercase;
76	font-weight: 600;	110	font-weight: 600;
77	}	111	}
78	\ No newline at end of file	112
		113	.icon svg {
		114	width: 1em;
		115	height: 1em;
		116	margin-right: .4em;
		117	}
		118
		119	.hide {
		120	display: none;
		121	}
		122
		123	.icon:hover {
		124	color: inherit !important;
		125	}
		126
		127	html[data-theme="dark"] .icon,
		128	html[data-theme="dark"] #actions button {
		129	color: white;
		130	}
		131
		132	html[data-theme="light"] .icon,
		133	html[data-theme="light"] #actions button {
		134	color: #24333e;
		135	} \ No newline at end of file