ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make Circle drop-down full width on mobile

This commit is contained in:
Reto Aebersold 2023-09-21 09:53:27 +02:00
parent 475b0851d6
commit 6232901060
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/pages/cockpit/cockpitPage/CockpitPage.vue
View File

@ -36,16 +36,14 @@ function userCountStatusForCircle(userId: string) {
<template> <template>
<div class="bg-gray-200"> <div class="bg-gray-200">
<div class="container-large"> <div class="container-large">
<div class="mb-9 flex items-end justify-between"> <div class="mb-9 flex flex-col lg:flex-row lg:items-center lg:justify-between">
<h1>Cockpit</h1> <h1>Cockpit</h1>
<div class="flex flex-row">
<ItDropdownSelect <ItDropdownSelect
v-model="cockpitStore.selectedCircle" v-model="cockpitStore.selectedCircle"
class="mt-4 w-full lg:mt-0 lg:w-96" class="mt-4 w-full lg:mt-0 lg:w-96"
:items="cockpitStore.circles" :items="cockpitStore.circles"
></ItDropdownSelect> ></ItDropdownSelect>
</div> </div>
</div>
<template v-if="cockpitStore.selectedCircle"> <template v-if="cockpitStore.selectedCircle">
<!-- Status --> <!-- Status -->
<div class="mb-4 gap-4 lg:grid lg:grid-cols-3 lg:grid-rows-none"> <div class="mb-4 gap-4 lg:grid lg:grid-cols-3 lg:grid-rows-none">