eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: responsive design for certified participants page

Browse Source
This commit is contained in:
Jannat Patel
2025-01-16 16:49:03 +05:30
parent 17b59ce4e5
commit bd43ed0e88
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/CertifiedParticipants.vue
View File

@@ -4,12 +4,14 @@
> >
<Breadcrumbs :items="breadcrumbs" /> <Breadcrumbs :items="breadcrumbs" />
</header> </header>
<div class="px-5 py-10 w-3/4 mx-auto"> <div class="p-5 lg:w-3/4 mx-auto">
<div class="flex items-center justify-between mb-5"> <div
class="flex flex-col lg:flex-row lg:items-center space-y-4 lg:space-y-0 justify-between mb-5"
>
<div class="text-lg font-semibold"> <div class="text-lg font-semibold">
{{ __('All Certified Participants') }} {{ __('All Certified Participants') }}
</div> </div>
<div class="flex items-center space-x-2"> <div class="grid grid-cols-2 gap-2">
<FormControl <FormControl
v-model="nameFilter" v-model="nameFilter"
:placeholder="__('Search by Name')" :placeholder="__('Search by Name')"
@@ -31,7 +33,7 @@
</div> </div>
</div> </div>
<div v-if="participants.data?.length"> <div v-if="participants.data?.length">
<div class="grid grid-cols-3 gap-5"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
<router-link <router-link
v-for="participant in participants.data" v-for="participant in participants.data"
:to="{ :to="{