diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte index 0923577..ef4f66d 100644 --- a/src/lib/components/navbar.svelte +++ b/src/lib/components/navbar.svelte @@ -33,15 +33,16 @@ .bar { background: rgba(255,255,255, 0.2); backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); } - @supports (-moz-appearance:none) { + /* @supports (-moz-appearance:none) { .bar { background: rgba(255,255,255,0.9) !important; } .dark.bar { background: rgba(28, 28, 33, 0.9) !important; } - } + } */ @media (max-width: 400px) { .bar { width: 100vw; diff --git a/src/lib/components/project.svelte b/src/lib/components/project.svelte index 5e67f4c..de52e3d 100644 --- a/src/lib/components/project.svelte +++ b/src/lib/components/project.svelte @@ -75,15 +75,15 @@ } .desc { @apply absolute top-0 left-0 w-full h-full rounded-10px opacity-0 select-none flex flex-col py-10px px-15px; - transition: background-color .3s, opacity .3s; - background-color: rgba(0,0,0,0.2); + transition: background-color 0.3s, opacity 0.3s; + background-color: rgba(0, 0, 0, 0.2); color: rgb(214, 214, 214); } - @supports (-moz-appearance:none) { + /* @supports (-moz-appearance:none) { .desc { background: rgba(0,0,0,0.9) !important; } - } + } */ .desc.extradark { background-color: rgba(0,0,0,0.4); }