Made home page and startet the layout for settings home page

2026-07-30 15:21:59 +02:00
parent 2e537337f5
commit 03594bba3f
11 changed files with 241 additions and 251 deletions
--- a/PointOfSale/Pos.Web/Components/Pages/Home.razor.css
+++ b/PointOfSale/Pos.Web/Components/Pages/Home.razor.css
@@ -0,0 +1,38 @@
+.top-nav {
+    min-height: 72px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 24px;
+    padding: 0 32px;
+    background: var(--colorNeutralBackground1);
+    border-bottom: 1px solid var(--colorNeutralStroke2);
+}
+
+.brand {
+    color: var(--colorNeutralForeground1);
+    font-size: 26px;
+    font-weight: 600;
+}
+
+time {
+    color: var(--colorNeutralForeground2);
+    font-size: 18px;
+    white-space: nowrap;
+}
+
+.home-container {
+    width: min(100%, 1100px);
+    margin: 32px auto;
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 24px;
+}
+
+.home-container ::deep .menu-button {
+    width: 100%;
+    min-height: 220px;
+    font-size: 28px;
+    font-weight: 600;
+}