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,
|
||||
},
|
||||
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',
|
||||
]"
|
||||
data-cy="dropdown-select"
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ const props = defineProps<{
|
|||
:as-heading="true"
|
||||
:model-value="expertCockpitStore.currentCircle"
|
||||
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"
|
||||
@update:model-value="expertCockpitStore.setCurrentCourseCircleFromEvent"
|
||||
></ItDropdownSelect>
|
||||
|
|
|
|||
Loading…
Reference in New Issue