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

feat: makes button for page size smaller (#2707)

Browse Source
This commit is contained in:
Amir Raminfar
2024-01-17 14:01:18 -08:00
committed by GitHub
parent 6f96303f1d
commit 9d2a8af435
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/components/ContainerTable.vue
View File

@@ -3,7 +3,7 @@
<div class="text-right">
Show per page
<dropdown-menu
class="dropdown-left"
class="dropdown-left btn-xs md:btn-sm"
v-model="perPage"
:options="pageSizes.map((i) => ({ label: i.toLocaleString(), value: i }))"
v-if="containers.length > 0"

2
assets/components/common/Dropdown.vue
View File

@@ -5,7 +5,7 @@
</label>
<div
tabindex="0"
class="min-w-52 dropdown-content rounded-box z-50 mt-1 border border-base-content/20 bg-base p-2 shadow"
class="dropdown-content z-50 mt-1 min-w-52 rounded-box border border-base-content/20 bg-base p-2 shadow"
>
<slot name="content"></slot>
</div>

7
assets/components/common/DropdownMenu.vue
View File

@@ -23,11 +23,16 @@ type DropdownItem = {
label: string;
value: T;
};
const { options = [], defaultLabel = "" } = defineProps<{ options?: DropdownItem[]; defaultLabel?: string }>();
const { modelValue } = defineModels<{
modelValue: T;
}>();
const { options = [], defaultLabel = "" } = defineProps<{
options?: DropdownItem[];
defaultLabel?: string;
}>();
const label = computed(() => options.find((item) => item.value === modelValue.value)?.label ?? defaultLabel);
const details = ref<HTMLElement | null>(null);
const close = () => details.value?.removeAttribute("open");