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
This commit is contained in:
		
							parent
							
								
									d14c7ed5c6
								
							
						
					
					
						commit
						19d1744138
					
				
					 2 changed files with 10 additions and 11 deletions
				
			
		|  | @ -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> | ||||
|  |  | |||
|  | @ -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:" | ||||
| } | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue
	
	 Peer Richelsen
						Peer Richelsen