Basic design created

2026-02-03 09:33:18 +01:00
parent 3570f442f5
commit e280fcfba8
29 changed files with 1055 additions and 28 deletions
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -0,0 +1,125 @@
+@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
+@source '../../storage/framework/views/*.php';
+@source '../**/*.blade.php';
+@source '../**/*.js';
+
+html {
+    background-color: #FAFAFB !important;
+}
+
+.content {
+    padding: 50px 0px;
+}
+
+.main {
+    margin: 0 auto;
+    box-shadow: 20px 54px 15px rgba(0, 0, 0, 0.1);
+    border-radius: 0 10px 0 0;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.header {
+    height: 80px; /* Höhe anpassen */
+    align-items: center;
+    justify-content: space-between;
+    width: calc(100% - 40px);
+
+}
+
+.header .anonymous-actions {
+    position: relative;
+    right: calc(-100% + 330px);
+    width: 350px;
+    overflow: hidden;
+    border-radius: 50px 0 0 50px;
+    background-color: #FAFAFB !important;
+    text-align: right;
+    padding: 10px;
+    top: -75px;
+}
+
+.header .user-info {
+    position: relative;
+    right: calc(-100% + 275px);
+    width: 295px;
+    overflow: hidden;
+    border-radius: 50px 0 0 50px;
+    background-color: #FAFAFB !important;
+    text-align: right;
+    padding: 10px;
+    top: -75px;
+}
+
+.header .left-side {
+    height: 75px;
+    background: #ffffff;
+    align-content: center;
+    padding: 0 50px;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    width: 100%;
+    margin-top: -5px;
+
+}
+
+.flexbox {
+    display: flex;
+    background-color: #FAFAFB;
+    height: 100%;
+    padding: 0;
+    gap: 1px;
+    margin: 0;
+
+
+}
+
+/* Layout */
+.app-layout {
+    display: flex;
+    height: 95vh;
+    margin: 20px;
+    background: #f0f2f5;
+    font-family: sans-serif;
+}
+
+.sidebar {
+    flex-basis:275px;
+    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background-color: #ffffff !important;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.logo img {
+    width: 135px !important;
+    height: 70px !important;
+}
+
+.footer {
+    height: 40px;
+    background: #666666;
+    border-top: 1px solid #ddd;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    color: #ffffff;
+}
+
+th {
+    text-align: left;
+    padding-right: 1em;
+}
+
+th:after {
+    content: ":";
+}