🎨 style: standardize dropdown styling & fix z-Index layering (#6939)

* fix: Dropdown settings

* refactor: classname cleanup

* refactor: export modal

* fix: Export dropdown
This commit is contained in:
Marco Beretta 2025-04-18 17:36:59 +02:00 committed by GitHub
parent 52f146dd97
commit 150116eefe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 39 additions and 39 deletions

View file

@ -30,7 +30,7 @@ export default function FontSizeSelector() {
onChange={handleChange}
testId="font-size-selector"
sizeClasses="w-[150px]"
className="rounded-xl"
className="z-50"
/>
</div>
);

View file

@ -59,7 +59,7 @@ export const ThemeSelector = ({
options={themeOptions}
sizeClasses="w-[180px]"
testId="theme-selector"
className="rounded-xl"
className="z-50"
/>
</div>
);
@ -113,7 +113,7 @@ export const LangSelector = ({
onChange={onChange}
sizeClasses="[--anchor-max-height:256px]"
options={languageOptions}
className="rounded-xl"
className="z-50"
/>
</div>
);

View file

@ -32,7 +32,7 @@ const EngineSTTDropdown: React.FC<EngineSTTDropdownProps> = ({ external }) => {
options={endpointOptions}
sizeClasses="w-[180px]"
testId="EngineSTTDropdown"
className="rounded-xl"
className="z-50"
/>
</div>
);

View file

@ -31,9 +31,8 @@ const EngineTTSDropdown: React.FC<EngineTTSDropdownProps> = ({ external }) => {
onChange={handleSelect}
options={endpointOptions}
sizeClasses="w-[180px]"
anchor="bottom start"
testId="EngineTTSDropdown"
className="rounded-xl"
className="z-50"
/>
</div>
);