merge: align dev branch with main

2026-06-03 08:51:02 +00:00
parent 51a399c775
commit b39d6ce5f4
319 changed files with 30221 additions and 9221 deletions
@@ -0,0 +1,89 @@
+.settingsLayout {
+	display: flex;
+	gap: 2rem;
+	padding: 1.5rem 0;
+}
+
+.settingsSidebar {
+	width: 200px;
+	flex-shrink: 0;
+}
+
+.settingsNav {
+	display: flex;
+	flex-direction: column;
+	gap: 0.25rem;
+}
+
+.settingsNavLink {
+	padding: 0.625rem 1rem;
+	border-radius: 8px;
+	color: var(--muted);
+	text-decoration: none;
+	font-size: 0.95rem;
+	transition: all 0.2s;
+}
+
+.settingsNavLink:hover {
+	background: var(--bg);
+	color: var(--ink);
+}
+
+.settingsNavLinkActive {
+	background: var(--brand);
+	color: white;
+	font-weight: 500;
+}
+
+.settingsContent {
+	flex: 1;
+	min-width: 0;
+}
+
+.settingsPanel {
+	background: var(--panel);
+	border: 1px solid var(--border);
+	border-radius: 14px;
+	padding: 1.5rem;
+}
+
+.settingsBreadcrumb {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+	font-size: 0.9rem;
+	color: var(--muted);
+	margin-bottom: 1rem;
+}
+
+.settingsBreadcrumb a {
+	color: var(--brand);
+	text-decoration: none;
+}
+
+.settingsBreadcrumb a:hover {
+	text-decoration: underline;
+}
+
+@media (max-width: 768px) {
+	.settingsLayout {
+		flex-direction: column;
+		gap: 1rem;
+	}
+
+	.settingsSidebar {
+		width: 100%;
+	}
+
+	.settingsNav {
+		flex-direction: row;
+		overflow-x: auto;
+		padding-bottom: 0.5rem;
+	}
+
+	.settingsNavLink {
+		white-space: nowrap;
+		padding: 0.5rem 0.75rem;
+		font-size: 0.875rem;
+	}
+}