chamomind/elearning
7
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 3 Wiki Activity Actions

feat: Add login page component.

Browse source
This commit is contained in:
supalerk-ar66 2026-02-09 15:25:46 +07:00
parent f22b350bb8
commit 75d1ef069d
1 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
Frontend-Learner/pages/auth/login.vue
View file

@ -208,11 +208,14 @@ onMounted(() => {
<!-- Options --> <!-- Options -->
<div class="flex items-center justify-between mt-1"> <div class="flex items-center justify-between mt-1">
<label class="flex items-center gap-2 cursor-pointer group select-none"> <label class="flex items-center gap-2.5 cursor-pointer group select-none">
<div class="relative flex items-center"> <div class="relative flex items-center">
<input type="checkbox" v-model="rememberMe" class="peer sr-only"> <input type="checkbox" v-model="rememberMe" class="sr-only">
<div class="w-5 h-5 border-2 border-slate-300 rounded-md peer-checked:bg-blue-600 peer-checked:border-blue-600 transition-all bg-white flex items-center justify-center"> <div
<svg class="w-3.5 h-3.5 text-white opacity-0 peer-checked:opacity-100 transition-opacity" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3"> class="w-5 h-5 border-2 rounded-md transition-all flex items-center justify-center group-hover:border-blue-400"
:class="rememberMe ? 'bg-blue-600 border-blue-600' : 'bg-white border-slate-300'"
>
<svg v-show="rememberMe" class="w-3.5 h-3.5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
</svg> </svg>
</div> </div>