Add shadow

primefaces · Jul 14, 2021 · 2be0777 · 2be0777
1 parent 4e5e45a
commit 2be0777
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/_layouts/layout.html b/_layouts/layout.html
@@ -13,7 +13,7 @@
 </head>
 <body>
 <header>
-    <div class="layout-topbar flex align-items-center justify-content-between shadow-2">
+    <div class="layout-topbar flex align-items-center justify-content-between">
         <div class="mobile-menu-wrapper">
             <a class="mobile-button" id="mobile-button" onclick="PrimeFlex.onToggleMobileMenu(event)"><i class="pi pi-bars"></i></a>
         </div>

diff --git a/_sass/topbar.scss b/_sass/topbar.scss
@@ -7,6 +7,7 @@
     z-index: 99;
     padding: 0 28px;
     background: #FFFFFF;
+    box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 10px, rgba(0, 0, 0, 0.06) 0px 0px 2px, rgba(0, 0, 0, 0.12) 0px 2px 6px;
 
     .mobile-menu-wrapper {
         display: none;
@@ -82,6 +83,7 @@
                 width: 100%;
                 background-color: #ffffff;
                 user-select: none;
+                box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 10px, rgba(0, 0, 0, 0.06) 0px 0px 2px, rgba(0, 0, 0, 0.12) 0px 2px 6px;
 
                 &.active {
                     display: block;