Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2026-06-22 04:11:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
DecDuck
2024-10-08 00:41:05 +11:00
parent bfafd2a044
commit 7869043c28
4 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.example
+1 -1
View File
@@ -2,4 +2,4 @@ DATABASE_URL="postgres://drop:drop@127.0.0.1:5432/drop"
CLIENT_CERTIFICATES="./.data/ca" CLIENT_CERTIFICATES="./.data/ca"
GIANT_BOMB_API_KEY="" GIANT_BOMB_API_KEY=""data
components/HeaderUserWidget.vue
+3 -2
View File
@@ -1,13 +1,13 @@
<template> <template>
<Menu as="div" class="relative inline-block"> <Menu as="div" class="relative inline-block">
<MenuButton> <MenuButton>
<InlineWidget> <HeaderWidget>
<div class="inline-flex items-center text-zinc-300 hover:text-white"> <div class="inline-flex items-center text-zinc-300 hover:text-white">
<img :src="userData.image" class="w-5 h-5 rounded-sm" /> <img :src="userData.image" class="w-5 h-5 rounded-sm" />
<span class="ml-2 text-sm font-bold">{{ userData.name }}</span> <span class="ml-2 text-sm font-bold">{{ userData.name }}</span>
<ChevronDownIcon class="ml-3 h-4" /> <ChevronDownIcon class="ml-3 h-4" />
</div> </div>
</InlineWidget> </HeaderWidget>
</MenuButton> </MenuButton>
<transition enter-active-class="transition ease-out duration-100" <transition enter-active-class="transition ease-out duration-100"
@@ -42,6 +42,7 @@
import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue' import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
import { ChevronDownIcon } from '@heroicons/vue/16/solid'; import { ChevronDownIcon } from '@heroicons/vue/16/solid';
import type { NavigationItem } from '../composables/types'; import type { NavigationItem } from '../composables/types';
import HeaderWidget from './HeaderWidget.vue';
const userData = { const userData = {
image: "https://avatars.githubusercontent.com/u/64579723?v=4", image: "https://avatars.githubusercontent.com/u/64579723?v=4",
components/InlineWidget.vue → components/HeaderWidget.vue
View File
components/UserHeader.vue
+3 -2
View File
@@ -14,9 +14,9 @@
<div class="inline-flex items-center"> <div class="inline-flex items-center">
<ol class="inline-flex gap-3"> <ol class="inline-flex gap-3">
<li v-for="(item, itemIdx) in quickActions"> <li v-for="(item, itemIdx) in quickActions">
<InlineWidget @click="item.action" :notifications="item.notifications"> <HeaderWidget @click="item.action" :notifications="item.notifications">
<component class="h-5" :is="item.icon" /> <component class="h-5" :is="item.icon" />
</InlineWidget> </HeaderWidget>
</li> </li>
<HeaderUserWidget /> <HeaderUserWidget />
</ol> </ol>
@@ -27,6 +27,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { BellIcon, UserGroupIcon } from '@heroicons/vue/16/solid'; import { BellIcon, UserGroupIcon } from '@heroicons/vue/16/solid';
import type { NavigationItem, QuickActionNav } from '../composables/types'; import type { NavigationItem, QuickActionNav } from '../composables/types';
import HeaderWidget from './HeaderWidget.vue';
const navigation: Array<NavigationItem> = [ const navigation: Array<NavigationItem> = [
{ {