🛠️ fix: enhance UI/UX and address a11y issues in SetKeyDialog (#5672)

*  refactor: Improve UI consistency and accessibility in SetKeyDialog components

* 🎨 style: Add cursor pointer to Slider component for better UX

* 🐛 chore: Remove unnecessary console log from SetKeyDialog component
This commit is contained in:
Marco Beretta 2025-02-05 22:35:07 +01:00 committed by GitHub
parent 73fe0835cf
commit 5f9543f6fc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 25 additions and 40 deletions

View file

@ -163,7 +163,7 @@ const SetKeyDialog = ({
<OGDialog open={open} onOpenChange={onOpenChange}>
<OGDialogTemplate
title={`${localize('com_endpoint_config_key_for')} ${alternateName[endpoint] ?? endpoint}`}
className="w-11/12 max-w-[650px] sm:w-3/4 md:w-3/4 lg:w-3/4"
className="w-11/12 max-w-2xl"
showCancelButton={false}
main={
<div className="grid w-full items-center gap-2">
@ -180,6 +180,7 @@ const SetKeyDialog = ({
onChange={handleExpirationChange}
options={expirationOptions.map((option) => option.label)}
sizeClasses="w-[185px]"
portal={false}
/>
<div className="mt-2" />
<FormProvider {...methods}>