mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-21 13:23:07 +01:00
Code Issues Projects Releases Wiki Activity

chore: upgrades to tailwind v4 and daisyUI v5 🎨 (#3505)

Browse Source
This commit is contained in:
Amir Raminfar
2025-01-05 13:38:36 -08:00
committed by GitHub
parent 40015f7385
commit efa95078ac
74 changed files with 701 additions and 843 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/components/SwarmMenu.vue
View File

@@ -1,8 +1,8 @@
<template>
<ul class="menu p-0 text-[0.95rem]">
<ul class="menu w-full p-0 text-[0.95rem]">
<li v-for="{ name, services } in stacks" :key="name">
<details open>
<summary class="font-light text-base-content/80">
<summary class="text-base-content/80 font-light">
<ph:stack />
{{ name }}
@@ -17,10 +17,7 @@
</summary>
<ul>
<li v-for="service in services" :key="service.name">
<router-link
:to="{ name: '/service/[name]', params: { name: service.name } }"
active-class="active-primary"
>
<router-link :to="{ name: '/service/[name]', params: { name: service.name } }" active-class="menu-active">
<ph:stack-simple />
<div class="truncate">
{{ service.name }}
@@ -33,16 +30,13 @@
<li v-if="serivcesWithoutStacks.length > 0">
<details open>
<summary class="font-light text-base-content/80">
<summary class="text-base-content/80 font-light">
<ph:circles-four />
{{ $t("label.services") }}
</summary>
<ul>
<li v-for="service in serivcesWithoutStacks" :key="service.name">
<router-link
:to="{ name: '/service/[name]', params: { name: service.name } }"
active-class="active-primary"
>
<router-link :to="{ name: '/service/[name]', params: { name: service.name } }" active-class="menu-active">
<ph:stack-simple />
<div class="truncate">
{{ service.name }}
@@ -55,13 +49,13 @@
<li v-if="customGroups.length > 0">
<details open>
<summary class="font-light text-base-content/80">
<summary class="text-base-content/80 font-light">
<ph:bounding-box-fill />
{{ $t("label.custom-groups") }}
</summary>
<ul>
<li v-for="group in customGroups" :key="group.name">
<router-link :to="{ name: '/group/[name]', params: { name: group.name } }" active-class="active-primary">
<router-link :to="{ name: '/group/[name]', params: { name: group.name } }" active-class="menu-active">
<ph:stack-simple />
<div class="truncate">
{{ group.name }}
@@ -81,7 +75,7 @@ const { stacks, services, customGroups } = storeToRefs(store);
const serivcesWithoutStacks = computed(() => services.value.filter((service) => !service.stack));
</script>
<style scoped lang="postcss">
<style scoped>
.menu {
@apply text-[0.95rem];
}