feat: distributed styles

2025-05-18 19:56:12 +02:00
parent afd5b588d6
commit 49432dcbe5
6 changed files with 232 additions and 80 deletions
--- a/static/css/ui.css
+++ b/static/css/ui.css
@ -0,0 +1,72 @@
+
+.input-group {
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin-bottom: 10px;
+}
+
+.input-icon {
+    padding: 10px;
+}
+
+.input-field {
+    flex: 1;
+    border: none;
+}
+
+.input-field:focus {
+    border: none;
+    outline: none;
+}
+
+.input-icon {
+    font-size: 1rem;
+    color: #777;
+}
+
+.input-icon > img {
+    width: 1rem;
+    height: 1rem;
+}
+
+.checkbox-group {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    gap: 10px;
+    font-size: 0.85rem;
+    color: #0008;
+    margin: 15px 0;
+}
+
+.button {
+    display: block;
+    padding: 10px 15px;
+    border-radius: 5px;
+    cursor: pointer;
+    border: none;
+    outline: none;
+    width: 100%;
+    font-size: 0.9rem;
+    font-weight: 500;
+}
+
+.button.primary {
+    background-color: rgb(13, 112, 212);
+    color: #fefefe;
+}
+
+.icon-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 20px;
+}
+
+.icon {
+    width: 64px;
+    height: 64px;
+}