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

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

@ -36,15 +36,13 @@ 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 -->