smaller layout improvements to event-types edit (#1724)

* made event-type full width clickable

* fixed event locaiton dialog buttons on mobile

* some smaller changes on event-types
pull/1580/head
Peer Richelsen 2022-02-07 16:26:08 +00:00 committed by GitHub
parent d14c7ed5c6
commit 19d1744138
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 11 deletions

View File

@ -794,7 +794,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
{t("show_advanced_settings")}
</span>
</CollapsibleTrigger>
<CollapsibleContent className="space-y-6">
<CollapsibleContent className="mt-4 space-y-6">
{/**
* Only display calendar selector if user has connected calendars AND if it's not
* a team event. Since we don't have logic to handle each attende calendar (for now).
@ -803,8 +803,10 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
{!!connectedCalendarsQuery.data?.connectedCalendars.length && !team && (
<div className="items-center block sm:flex">
<div className="mb-4 min-w-48 sm:mb-0">
<label htmlFor="eventName" className="flex text-sm font-medium text-neutral-700">
Create events on:
<label
htmlFor="createEventsOn"
className="flex text-sm font-medium text-neutral-700">
{t("create_events_on")}
</label>
</div>
<div className="w-full">
@ -1381,15 +1383,11 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
)}
/>
<LocationOptions />
<div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse ">
<Button type="submit">{t("update")}</Button>
<Button
onClick={() => setShowLocationModal(false)}
type="button"
color="secondary"
className="ltr:mr-2">
<div className="flex justify-end mt-4 space-x-2">
<Button onClick={() => setShowLocationModal(false)} type="button" color="secondary">
{t("cancel")}
</Button>
<Button type="submit">{t("update")}</Button>
</div>
</Form>
</div>

View File

@ -621,5 +621,6 @@
"remove": "Remove",
"add": "Add",
"verify_wallet": "Verify Wallet",
"connect_metamask": "Connect Metamask"
"connect_metamask": "Connect Metamask",
"create_events_on": "Create events on:"
}