Adjust width and padding for the circle dropdown used as heading
This commit is contained in:
parent
bc5055324c
commit
cf13030f24
|
|
@ -46,7 +46,7 @@ const dropdownSelected = computed<DropdownSelectable>({
|
||||||
'font-bold': !borderless,
|
'font-bold': !borderless,
|
||||||
},
|
},
|
||||||
asHeading
|
asHeading
|
||||||
? 'group flex w-full items-center gap-1 rounded-md bg-transparent px-3 text-base focus:outline-none'
|
? 'group flex w-full items-center gap-1 rounded-md bg-transparent text-base focus:outline-none'
|
||||||
: 'relative flex w-full cursor-default flex-row items-center bg-white py-3 pl-5 pr-10 text-left',
|
: 'relative flex w-full cursor-default flex-row items-center bg-white py-3 pl-5 pr-10 text-left',
|
||||||
]"
|
]"
|
||||||
data-cy="dropdown-select"
|
data-cy="dropdown-select"
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@ const props = defineProps<{
|
||||||
:as-heading="true"
|
:as-heading="true"
|
||||||
:model-value="expertCockpitStore.currentCircle"
|
:model-value="expertCockpitStore.currentCircle"
|
||||||
type-name="Circle:"
|
type-name="Circle:"
|
||||||
class="mt-4 w-full lg:mt-0 lg:w-96"
|
class="mt-4 w-full lg:mt-0 lg:w-auto"
|
||||||
:items="expertCockpitStore.circles"
|
:items="expertCockpitStore.circles"
|
||||||
@update:model-value="expertCockpitStore.setCurrentCourseCircleFromEvent"
|
@update:model-value="expertCockpitStore.setCurrentCourseCircleFromEvent"
|
||||||
></ItDropdownSelect>
|
></ItDropdownSelect>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue