potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

Always Dark NavBar

Browse source
This commit is contained in:
johndoe4 2023-05-26 10:21:44 +02:00
parent 0e9fae5173
commit 62d4b5a789
2 changed files with 4 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
js/src/components/MobilizonLogo.vue
View file

@ -1,7 +1,5 @@
<template> <template>
<svg <svg
class="bg-white dark:bg-zinc-900 dark:fill-white"
:class="{ 'bg-gray-900': invert }"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 248.16 46.78" viewBox="0 0 248.16 46.78"
> >
@ -31,11 +29,3 @@
</svg> </svg>
</template> </template>
<script lang="ts" setup>
withDefaults(
defineProps<{
invert?: boolean;
}>(),
{ invert: false }
);
</script>

7
js/src/components/NavBar.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<nav <nav
class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 dark:bg-zinc-900" class="bg-zinc-900 border-gray-200 px-2 sm:px-4 py-2.5"
id="navbar" id="navbar"
> >
<div <div
@ -18,7 +18,7 @@
<template #trigger> <template #trigger>
<button <button
type="button" type="button"
class="flex sm:mr-3 text-sm rounded-full md:mr-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600" class="flex sm:mr-3 text-sm rounded-full md:mr-0 focus:ring-4 focus:ring-gray-600"
id="user-menu-button" id="user-menu-button"
aria-expanded="false" aria-expanded="false"
> >
@ -33,10 +33,11 @@
loading="lazy" loading="lazy"
/> />
</figure> </figure>
<AccountCircle v-else :size="32" /> <AccountCircle style="color:white" v-else :size="32" />
</button> </button>
</template> </template>
<!-- Dropdown menu --> <!-- Dropdown menu -->
<div <div
class="z-50 text-base list-none bg-white rounded divide-y divide-gray-100 dark:bg-zinc-700 dark:divide-gray-600 max-w-xs" class="z-50 text-base list-none bg-white rounded divide-y divide-gray-100 dark:bg-zinc-700 dark:divide-gray-600 max-w-xs"