Update layout

.gitignore

@@ -18,3 +18,4 @@ yarn-error.log
 
 resources/views/vendor/**/*
 resources/sass/apps/**/*
+public/mix-manifest.json

public/mix-manifest.json

@@ -1,6 +1,6 @@
 {
-    "/assets/js/app.js": "/assets/js/app.js?id=acfc5530fc22cd060d31143fdeef15fd",
-    "/assets/css/app.css": "/assets/css/app.css?id=9feb9be6506dcb3c7ae51e6e91733081",
+    "/assets/js/app.js": "/assets/js/app.js?id=2faffbf53ff019105607b2ab8529fe9d",
+    "/assets/css/app.css": "/assets/css/app.css?id=73088d6d1171a4680372164e1d3f1f50",
     "/assets/images/auth/bg-dark.jpg": "/assets/images/auth/bg-dark.jpg?id=974d7ad223344a8531cf721d6c038300",
     "/assets/images/auth/bg-light.jpg": "/assets/images/auth/bg-light.jpg?id=7b8dc9ee3f7049c0c7783f3ef077f7bf",
     "/assets/images/auth/milad-fakurian-2sICkGsJRQY-unsplash.jpg": "/assets/images/auth/milad-fakurian-2sICkGsJRQY-unsplash.jpg?id=974d7ad223344a8531cf721d6c038300",

resources/sass/app.scss

@@ -1,13 +1,8 @@
 // fonts
-@import url("https://fonts.googleapis.com/css?family=Nunito");
-
-// common variables
-@import "variables";
-
-body {
-    font-family: $font-family-sans-serif;
-}
+@import url('https://fonts.googleapis.com/css?family=Nunito');
 
 // @import "./partials/base-bootstrap.scss";
+@import './partials/base-tailwind.scss';
 
-@import "./partials/base-tailwind.scss";
+@import './layouts/partials/navbar.scss';
+// @import './../vendor/fortify-ui/sass/starter/auth.scss';

resources/sass/apps/auth/auth.scss

@@ -1,19 +0,0 @@
-// fonts
-@import url("https://fonts.googleapis.com/css?family=Nunito");
-
-// common variables
-@import "./../../variables";
-
-body {
-    font-family: $font-family-sans-serif;
-    height: 100%;
-    width: 100%;
-
-    @apply bg-white backdrop-blur-md;
-}
-
-@import "./../../partials/base-tailwind.scss";
-
-@import "./layout/main.scss";
-@import "./dark.scss";
-@import "./components/inputs.scss";

resources/sass/apps/auth/dark.scss

@@ -1,13 +1,16 @@
 @media (prefers-color-scheme: dark) {
     body {
-        font-family: $font-family-sans-serif;
-        background-image: url("/assets/images/auth/bg-dark.jpg");
-        background-repeat: no-repeat;
-        background-size: cover;
-        background-position: center center;
-        background-attachment: fixed;
+        &.with-bg-image {
+            background-image: url("/assets/images/auth/bg-dark.jpg");
+            background-repeat: no-repeat;
+            background-size: cover;
+            background-position: center center;
+            background-attachment: fixed;
+        }
+
         height: 100%;
         width: 100%;
+        font-family: $font-family-sans-serif;
 
         @apply dark:bg-gray-900;
     }

resources/sass/layouts/partials/navbar.scss

@@ -0,0 +1,47 @@
+.navbar {
+	@apply backdrop-blur-md bg-transparent fixed left-0 py-[5px] sm:px-4 top-0 w-full z-20 h-[60px];
+
+	.nav-container {
+		@apply container flex flex-wrap items-center justify-between mx-auto;
+
+		.logo-link {
+			@apply flex items-center;
+
+			.site-name {
+				@apply dark:text-gray-200 font-semibold self-center text-2xl text-blue-700 whitespace-nowrap;
+			}
+		}
+
+		.hamburger-menu {
+			@apply dark:text-gray-400 dark:hover:text-white dark:focus:ring-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-300 hover:text-gray-900 inline-flex items-center justify-center md:hidden ml-3 rounded-lg text-gray-400;
+
+			span {
+				@apply sr-only;
+			}
+
+			.class-svg-6 {
+				@apply h-6 w-6;
+			}
+		}
+
+		.auth-links {
+			@apply hidden md:block md:w-auto w-full;
+
+			.link-list {
+				@apply border border-gray-100 dark:border-gray-700 flex flex-col md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium md:border-0 mt-4 p-4 rounded-lg;
+
+				.login {
+					a {
+						@apply block dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 md:dark:hover:text-white md:dark:hover:bg-transparent pl-3 pr-4 py-2 rounded text-gray-700;
+					}
+				}
+
+				.register {
+					a {
+						@apply block dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 md:dark:hover:text-white md:dark:hover:bg-transparent pl-3 pr-4 py-2 rounded text-gray-700;
+					}
+				}
+			}
+		}
+	}
+}