teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix: glass effect improvements (#150)

Browse source
This commit is contained in:
patak 2022-11-27 00:13:52 +01:00 committed by GitHub
parent bdcaab6933
commit 49b63aa3b2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/main/MainContent.vue
View file

@ -9,7 +9,8 @@ defineProps<{
<div
sticky top-0 z10
border="b base"
backdrop="blur-10px brightness-120 dark:brightness-80"
class="bg-base dark:bg-transparent"
backdrop="dark:blur-10px dark:brightness-30"
:class="isZenMode ? 'op0 hover:op100 transition duration-300' : ''"
>
<div flex justify-between px5 py4>

2
components/nav/NavBottom.vue
View file

@ -3,7 +3,7 @@
</script>
<template>
<nav h-14 fixed bottom-0 left-0 right-0 z-50 border="t base" backdrop="blur-10px brightness-120 dark:brightness-80" flex flex-row>
<nav h-14 fixed bottom-0 left-0 right-0 z-50 border="t base" bg-base flex flex-row>
<template v-if="currentUser">
<NuxtLink to="/home" active-class="text-primary" flex flex-row items-center place-content-center h-full flex-1>
<div i-ri:home-5-line />