fix: page usersList
This commit is contained in:
25
bo/src/components/admin/UsersSearch.vue
Normal file
25
bo/src/components/admin/UsersSearch.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<component :is="Default || 'div'">
|
||||
<div class="pt-70! flex flex-col items-center justify-center bg-gray-50 dark:bg-(--main-dark)">
|
||||
<h1 class="text-6xl font-bold text-black dark:text-white mb-14">Search User</h1>
|
||||
|
||||
<div class="w-full max-w-4xl">
|
||||
<input type="text" placeholder="Type user name or ID..."
|
||||
class="w-full border border-gray-300 rounded-full px-6 py-3 text-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</component>
|
||||
</template>
|
||||
|
||||
|
||||
<script setup lang="ts">
|
||||
import Default from '@/layouts/default.vue';
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
input::placeholder {
|
||||
color: #9ca3af;
|
||||
/* Tailwind gray-400 */
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user