first commit

2024-11-07 17:16:20 +02:00
commit 75e91e4ddc
152 changed files with 17270 additions and 0 deletions
@@ -0,0 +1,102 @@
+.grid {
+    flex-wrap: wrap;
+    margin-top: 15px;
+    &--item {
+        margin-bottom: 20px;
+        width: 50%;
+        padding: 15px;
+        flex: 1 0 40%;
+        height: 37.5vh;
+
+        &--heading {
+            display: inline-flex;
+            align-items: center;
+            width: 80%;
+            padding-left: 10px;
+
+            div {
+                display: inline-flex;
+                float: right;
+                margin-left: 30px;
+
+                img {
+                    margin: 0;
+                }
+            }
+            img {
+                margin-left: 10px;
+                width: 40px;
+            }
+        }
+
+        &--content {
+            color: black;
+            text-decoration: none;
+            width: 90%;
+            height: 100%;
+            background-color: white;
+            border-radius: 10px;
+            height: 100%;
+            margin-top: 5px;
+            &--table {
+                color: $grey-dark;
+                padding: 20px;
+                align-self: center;
+                width: 100%;
+                height: 85%;
+                border-collapse: collapse;
+                border-collapse: collapse;
+                border: 1px solid $yellow;
+            }
+            thead tr {
+                color: $grey-dark;
+                text-align: left;
+            }
+
+            thead {
+                border-radius: 15px;
+                background-color: $yellow;
+            }
+
+            th,
+            td {
+                padding: 12px 15px;
+            }
+
+            tbody tr {
+                border-bottom: 1px solid $grey-dark;
+            }
+
+            tbody tr:nth-of-type(even) {
+                background-color: $grey-dark;
+                color: $yellow;
+            }
+
+            tbody tr:last-of-type {
+                border-bottom: 2px solid $yellow;
+            }
+        }
+
+        &--end {
+            float: inline-end;
+            margin: 10px;
+            a {
+                flex-direction: row;
+                display: inline-flex;
+                img {
+                    width: 20px;
+                }
+            }
+
+            .add:mouseup{
+                img{
+                    content: url('../../public/images/add-black.png');
+                }
+            }
+        }
+    }
+}
+
+.border {
+    border: 1px solid $yellow;
+}