เพิ่มปุ่ม fullscreen navbar เเละเปลี่ยน logo หน้า login

src/app/authentication/login-page/login-page2.component.html

@@ -17,8 +17,10 @@
           <!-- ========== MAIN CONTENT ========== -->
           <main id="content" class="w-full max-w-lg mx-auto p-6">
             <div class="header-logo">
-              <img src="./assets/img/brand-logos/mySkill-x.png" alt="logo" class="mx-auto block dark:hidden" />
-              <img src="./assets/img/brand-logos/mySkill-x.png" alt="logo" class="mx-auto hidden dark:block" />
+              <img src="./assets/img/brand-logos/mySkill-XXX-h190.PNG" alt="logo" class="mx-auto block dark:hidden" />
+              <img src="./assets/img/brand-logos/mySkill-XXX-h190.PNG" alt="logo" class="mx-auto hidden dark:block" />
+              <!-- <img src="./assets/img/brand-logos/mySkill-x.png" alt="logo" class="mx-auto block dark:hidden" />
+              <img src="./assets/img/brand-logos/mySkill-x.png" alt="logo" class="mx-auto hidden dark:block" /> -->
             </div>
             <div class="mt-2">
               <div class="p-4 sm:p-7">

src/app/shared/components/header/header.component.html

@@ -37,6 +37,19 @@
       <div class="header-right">
         <div class="responsive-headernav">
           <div class="header-nav-right">
+            <div class="header-fullscreen hidden lg:block">
+              <a
+                aria-label="anchor"
+                href="javascript:void(0);"
+                appFullscreen
+                class="inline-flex flex-shrink-0 justify-center items-center gap-2 h-[2.375rem] w-[2.375rem] rounded-full font-medium bg-gray-100 hover:bg-gray-200 text-gray-500 align-middle focus:outline-none focus:ring-0 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white transition-all text-xs dark:bg-bgdark dark:hover:bg-black/20 dark:text-white/70 dark:hover:text-white dark:focus:ring-white/10 dark:focus:ring-offset-white/10"
+              >
+                <i class="ri-fullscreen-line header-icon full-screen-open"></i>
+                <i
+                  class="ri-fullscreen-line header-icon fullscreen-exit-line hidden"
+                ></i>
+              </a>
+            </div>
             <div class="switcher-icon">
               <button aria-label="button" type="button"
                 class="hs-dropdown-toggle inline-flex flex-shrink-0 justify-center items-center gap-2 h-[2.375rem] w-[2.375rem] rounded-full font-medium bg-gray-100 hover:bg-gray-200 text-gray-500 align-middle focus:outline-none focus-visible:outline-none focus:ring-0 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white transition-all text-xs dark:bg-bgdark dark:hover:bg-black/20 dark:text-white/70 dark:hover:text-white dark:focus:ring-white/10 dark:focus:ring-offset-white/10"