diff --git a/src/pages/panel/App.scss b/src/pages/panel/App.scss index bdcafca..166dfc9 100644 --- a/src/pages/panel/App.scss +++ b/src/pages/panel/App.scss @@ -4,6 +4,7 @@ background: $secondary-color; width: 100vw; min-height: 100vh; + position: relative; } ::-webkit-scrollbar { diff --git a/src/pages/panel/components/ambassadorCardOverlay/ambassadorCardOverlay.module.scss b/src/pages/panel/components/ambassadorCardOverlay/ambassadorCardOverlay.module.scss index 21337b7..b134bf3 100644 --- a/src/pages/panel/components/ambassadorCardOverlay/ambassadorCardOverlay.module.scss +++ b/src/pages/panel/components/ambassadorCardOverlay/ambassadorCardOverlay.module.scss @@ -2,12 +2,14 @@ display: flex; justify-content: center; align-items: center; + position: fixed; - z-index: 1; + z-index: 10; left: 0; top: 0; width: 100%; height: 100%; + background: rgba(0, 0, 0, 0.5); } diff --git a/src/pages/panel/components/ambassadorPanel/ambassadorPanel.module.scss b/src/pages/panel/components/ambassadorPanel/ambassadorPanel.module.scss index 51bb21c..80e40aa 100644 --- a/src/pages/panel/components/ambassadorPanel/ambassadorPanel.module.scss +++ b/src/pages/panel/components/ambassadorPanel/ambassadorPanel.module.scss @@ -2,8 +2,9 @@ display: flex; flex-wrap: wrap; justify-content: center; - gap: 1.25rem; + gap: 1rem; padding: 1rem; + margin: 3rem 0 0; } .item { diff --git a/src/pages/panel/components/nav/nav.module.scss b/src/pages/panel/components/nav/nav.module.scss index a93f1c2..d7b1097 100644 --- a/src/pages/panel/components/nav/nav.module.scss +++ b/src/pages/panel/components/nav/nav.module.scss @@ -5,10 +5,16 @@ justify-content: center; align-items: center; - background-color: $primary-color; - box-shadow: 0 0.25rem 0.25rem #2c2c2c; + background-color: rgba($primary-color, 0.875); + box-shadow: $shadow; + backdrop-filter: blur(0.25rem); + position: fixed; + top: 0; + width: 100vw; + height: 3rem; padding: 0.5rem; + z-index: 5; img { width: auto;