add image upload, fix styles

2025-12-09 16:35:47 +07:00
parent 7e485ee524
commit c8e8be8935
28 changed files with 547 additions and 83 deletions
@@ -0,0 +1,106 @@
+.sidebar {
+	width: 280px;
+	background: linear-gradient(180deg, #6366f1 0%, #8b5cf6 100%);
+	padding: 30px 0;
+	border-radius: 0 30px 30px 0;
+	position: fixed;
+	height: 100vh;
+	overflow-y: auto;
+	z-index: 100;
+}
+
+.nav-link {
+	display: flex;
+	align-items: center;
+	padding: 15px 30px;
+	color: rgba(255, 255, 255, 0.8);
+	text-decoration: none;
+	transition: all 0.3s;
+	border-radius: 0 25px 25px 0;
+	margin-right: 20px;
+	margin-bottom: 8px;
+	font-weight: 500;
+	text-transform: uppercase;
+
+	&:hover {
+		background: rgba(255, 255, 255, 0.15);
+		color: white;
+	}
+
+	svg {
+		margin-right: 15px;
+		width: 20px;
+		height: 20px;
+	}
+}
+
+.sub-link {
+	padding: 12px 50px;
+	font-size: 14px;
+	border-radius: 0;
+	margin-right: 0;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.nav-dropdown {
+	.dropdown-arrow {
+		margin-left: auto;
+		transition: transform 0.3s;
+	}
+
+	&.expanded {
+		.dropdown-arrow {
+			transform: rotate(180deg);
+		}
+	}
+}
+
+.sub-menu.expanded {
+	max-height: 400px;
+}
+
+.sub-menu {
+	list-style: none;
+	max-height: 0;
+	overflow: hidden;
+	transition: max-height 0.3s ease;
+	background: rgba(255, 255, 255, 0.1);
+	margin-right: 20px;
+	border-radius: 0 15px 15px 0;
+}
+
+.logo {
+	display: flex;
+	align-items: center;
+	padding: 0 30px 40px;
+	color: white;
+	font-size: 24px;
+	font-weight: 600;
+	text-transform: uppercase;
+
+	svg {
+		width: 32px;
+		height: 32px;
+		margin-right: 15px;
+	}
+}
+
+.logo-icon {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 60px;
+	height: 60px;
+	background: linear-gradient(135deg, #6366f1, #8b5cf6);
+	border-radius: 15px;
+	margin-bottom: 15px;
+
+	svg {
+		width: 30px;
+		height: 30px;
+		fill: white;
+	}
+}