Adjust width and padding for the circle dropdown used as heading

This commit is contained in:
Ramon Wenger 2024-11-21 15:54:39 +01:00
parent bc5055324c
commit cf13030f24
2 changed files with 2 additions and 2 deletions

View File

@ -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"

View File

@ -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>