Adjust navigation shadow

Add box shadow to overlay and islands
2023-10-06 11:23:46 +01:00 · 2023-10-06 11:21:00 +01:00
5 changed files with 5 additions and 0 deletions
--- a/src/lib/DevBanner.svelte
+++ b/src/lib/DevBanner.svelte
@ -15,5 +15,6 @@
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100;
+    box-shadow: 2px 2px 30px rgba(0,0,0,0.19);
  }
 </style>
--- a/src/lib/islands/island.svelte
+++ b/src/lib/islands/island.svelte
@ -24,5 +24,6 @@
    padding: 10px;
    background-color: var(--overlay-color);
    border-radius: 10px;
+    box-shadow: 2px 2px 30px rgba(0,0,0,0.19);
  }
 </style>
--- a/src/lib/navigation/header.svelte
+++ b/src/lib/navigation/header.svelte
@ -27,6 +27,7 @@
    padding: 0;
    height: 50px;
    z-index: 20;
+    box-shadow: 0 3px 30px rgba(0,0,0,0.19);
  }

  img {
--- a/src/lib/navigation/nav.svelte
+++ b/src/lib/navigation/nav.svelte
@ -38,6 +38,7 @@
    width: 100%;
    height: 50px;
    background-color: rgb(54, 54, 54);
+    box-shadow: 0 -2px 30px rgba(0,0,0,0.19);
  }

  footer a {
--- a/src/lib/overlays/welcome.svelte
+++ b/src/lib/overlays/welcome.svelte
@ -61,6 +61,7 @@
    background-color: grey;
    border-radius: 10px;
    z-index: 2500;
+    box-shadow: 1px 1px 3px rgba(0,0,0,0.19);
  }

  .navButton {
Author	SHA1	Message	Date
Fred Boniface	bb0d389b09	Adjust navigation shadow	2023-10-06 11:23:46 +01:00
Fred Boniface	8773b080f3	Add box shadow to overlay and islands	2023-10-06 11:21:00 +01:00