ngthanhvu/kr-phim
1
0
Fork 0
mirror of https://github.com/ngthanhvu/kr-phim.git synced 2026-08-10 15:07:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: enhance admin pages with filtering and pagination for members

Browse Source
This commit is contained in:
ngthanhvu
2026-08-09 22:45:00 -04:00
parent 79a565f16b
commit 31ddec0739
4 changed files with 186 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/AdminToggle.vue
+2 -2
View File
@@ -4,8 +4,8 @@ const model = defineModel<boolean>({ required: true })
<template>
<button type="button" role="switch" :aria-checked="model"
class="relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-yellow-400/50 focus:ring-offset-2 focus:ring-offset-slate-900"
:class="model ? 'bg-yellow-400' : 'bg-slate-600'" @click="model = !model">
class="relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-[#095DF2]/50 focus:ring-offset-2 focus:ring-offset-slate-900"
:class="model ? 'bg-[#095DF2]' : 'bg-slate-600'" @click="model = !model">
<span class="pointer-events-none inline-block size-5 rounded-full bg-white shadow-lg transition duration-300 ease-in-out"
:class="model ? 'translate-x-5' : 'translate-x-0'" />
</button>