The BIG frontend update

static/css/dashboard.css

@@ -101,9 +101,16 @@ body {
 }
 
 .rotate {
-	transform: rotate(90deg);
-	color: red;
-	transition: 1s;
+	transform: rotate(-90deg) !important;
+	transition: 0.5s;
+}
+.rotate::before {
+	transform: rotate(-90deg) !important;
+	transition: 0.5s;
+}
+
+.dropdownIndicator {
+	transition: 0.5s;
 }
 
 
@@ -132,4 +139,4 @@ body {
 
 .loaderActive {
 	display: block !important;
-}
+}

static/css/login.css

@@ -0,0 +1,23 @@
+.background {
+	background-image: url("https://images.unsplash.com/photo-1683085809775-d9ac53fcbe21?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDE1fDZzTVZqVExTa2VRfHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&q=60");
+	/* fill the page height and width */
+	height: 100vh;
+	width: 100vw;
+	/* make the background image cover the whole page */
+	background-size: cover;
+	/* position the image in the center of the page */
+	background-position: center;
+	/* make the image fixed so it doesn't scroll with the page */
+	background-attachment: fixed;
+	/* make the image not repeat */
+	background-repeat: no-repeat;
+	overflow: hidden;
+}
+
+.sidePanel {
+	/* make somewhat transparent and blurry */
+	background-color: rgba(255, 255, 255, 0.5);
+	backdrop-filter: blur(5px);
+	height: 100vh;
+
+}