mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

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

Browse source 
* made event-type full width clickable

* fixed event locaiton dialog buttons on mobile

* some smaller changes on event-types
This commit is contained in:
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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
pages/event-types/[type].tsx
View file

@ -794,7 +794,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
{t("show_advanced_settings")} {t("show_advanced_settings")}
</span> </span>
</CollapsibleTrigger> </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 * 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). * 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 && ( {!!connectedCalendarsQuery.data?.connectedCalendars.length && !team && (
<div className="items-center block sm:flex"> <div className="items-center block sm:flex">
<div className="mb-4 min-w-48 sm:mb-0"> <div className="mb-4 min-w-48 sm:mb-0">
<label htmlFor="eventName" className="flex text-sm font-medium text-neutral-700"> <label
Create events on: htmlFor="createEventsOn"
className="flex text-sm font-medium text-neutral-700">
{t("create_events_on")}
</label> </label>
</div> </div>
<div className="w-full"> <div className="w-full">
@ -1381,15 +1383,11 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
)} )}
/> />
<LocationOptions /> <LocationOptions />
<div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse "> <div className="flex justify-end mt-4 space-x-2">
<Button type="submit">{t("update")}</Button> <Button onClick={() => setShowLocationModal(false)} type="button" color="secondary">
<Button
onClick={() => setShowLocationModal(false)}
type="button"
color="secondary"
className="ltr:mr-2">
{t("cancel")} {t("cancel")}
</Button> </Button>
<Button type="submit">{t("update")}</Button>
</div> </div>
</Form> </Form>
</div> </div>

3
public/static/locales/en/common.json
View file

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