Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-10 04:22:09 +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

2
.env.example
View File

@ -2,4 +2,4 @@ DATABASE_URL="postgres://drop:drop@127.0.0.1:5432/drop"
CLIENT_CERTIFICATES="./.data/ca"
GIANT_BOMB_API_KEY=""
GIANT_BOMB_API_KEY=""data

5
components/HeaderUserWidget.vue
View File

@ -1,13 +1,13 @@
<template>
<Menu as="div" class="relative inline-block">
<MenuButton>
<InlineWidget>
<HeaderWidget>
<div class="inline-flex items-center text-zinc-300 hover:text-white">
<img :src="userData.image" class="w-5 h-5 rounded-sm" />
<span class="ml-2 text-sm font-bold">{{ userData.name }}</span>
<ChevronDownIcon class="ml-3 h-4" />
</div>
</InlineWidget>
</HeaderWidget>
</MenuButton>
<transition enter-active-class="transition ease-out duration-100"
@ -42,6 +42,7 @@
import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
import { ChevronDownIcon } from '@heroicons/vue/16/solid';
import type { NavigationItem } from '../composables/types';
import HeaderWidget from './HeaderWidget.vue';
const userData = {
image: "https://avatars.githubusercontent.com/u/64579723?v=4",

0
components/InlineWidget.vue → components/HeaderWidget.vue
View File

5
components/UserHeader.vue
View File

@ -14,9 +14,9 @@
<div class="inline-flex items-center">
<ol class="inline-flex gap-3">
<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" />
</InlineWidget>
</HeaderWidget>
</li>
<HeaderUserWidget />
</ol>
@ -27,6 +27,7 @@
<script setup lang="ts">
import { BellIcon, UserGroupIcon } from '@heroicons/vue/16/solid';
import type { NavigationItem, QuickActionNav } from '../composables/types';
import HeaderWidget from './HeaderWidget.vue';
const navigation: Array<NavigationItem> = [
{