mirrors/homebox
1
0
Fork 0
mirror of https://github.com/sysadminsmedia/homebox.git synced 2025-12-24 14:31:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: add eslint-plugin-tailwindcss (#199)

Browse Source
This commit is contained in:
Tonya
2024-09-06 14:49:28 +00:00
committed by GitHub
parent 25d72044e9
commit 15925de2f0
56 changed files with 392 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/components/Item/View/Selectable.vue
View File

@@ -28,23 +28,23 @@
<template>
<section>
<BaseSectionHeader class="mb-2 flex justify-between items-center">
<BaseSectionHeader class="mb-2 flex items-center justify-between">
{{ $t("components.item.view.selectable.items") }}
<template #description>
<div v-if="!viewSet" class="dropdown dropdown-hover dropdown-left">
<div v-if="!viewSet" class="dropdown dropdown-left dropdown-hover">
<label tabindex="0" class="btn btn-ghost m-1">
<MdiDotsVertical class="h-7 w-7" />
<MdiDotsVertical class="size-7" />
</label>
<ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-32">
<ul tabindex="0" class="dropdown-content menu rounded-box w-32 bg-base-100 p-2 shadow">
<li>
<button @click="setViewPreference('card')">
<MdiCardTextOutline class="h-5 w-5" />
<MdiCardTextOutline class="size-5" />
{{ $t("components.item.view.selectable.card") }}
</button>
</li>
<li>
<button @click="setViewPreference('table')">
<MdiTable class="h-5 w-5" />
<MdiTable class="size-5" />
{{ $t("components.item.view.selectable.table") }}
</button>
</li>
@@ -57,9 +57,9 @@
<ItemViewTable :items="items" />
</template>
<template v-else>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3">
<ItemCard v-for="item in items" :key="item.id" :item="item" />
<div class="first:block hidden text-lg">{{ $t("components.item.view.selectable.no_items") }}</div>
<div class="hidden text-lg first:block">{{ $t("components.item.view.selectable.no_items") }}</div>
</div>
</template>
</section>