feat: establish frontend foundation

2026-08-12 23:04:16 +03:00
parent 3331b7f684
commit 1e13adabd3
46 changed files with 2868 additions and 1588 deletions
@@ -0,0 +1,55 @@
+:root {
+	--ft-color-bg-page: #e8ecf1;
+	--ft-color-bg-app: #f5f7fa;
+	--ft-color-bg-surface: #ffffff;
+	--ft-color-bg-muted: #f1f5f9;
+	--ft-color-text-primary: #1e293b;
+	--ft-color-text-secondary: #64748b;
+	--ft-color-border: #e2e8f0;
+	--ft-color-accent: #2563eb;
+	--ft-color-danger: #ef4444;
+	--ft-radius-card: 12px;
+	--ft-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+* {
+	box-sizing: border-box;
+}
+body {
+	margin: 0;
+	background: var(--ft-color-bg-page);
+	color: var(--ft-color-text-primary);
+}
+a {
+	color: inherit;
+	text-decoration: none;
+}
+.app-header {
+	align-items: center;
+	display: flex;
+	padding: 0 1rem;
+}
+.bottom-nav {
+	display: none;
+}
+@media (max-width: 47.99375em) {
+	.bottom-nav {
+		background: var(--ft-color-bg-surface);
+		border-top: 1px solid var(--ft-color-border);
+		bottom: 0;
+		display: flex;
+		justify-content: space-around;
+		left: 0;
+		padding: 0.75rem;
+		position: fixed;
+		right: 0;
+		z-index: 200;
+	}
+	.bottom-nav .active {
+		color: var(--ft-color-accent);
+		font-weight: 600;
+	}
+	.mantine-AppShell-main {
+		padding-bottom: 5rem;
+	}
+}