BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve theme selector styling

Browse Source
This commit is contained in:
SethBurkart123
2024-04-03 17:52:01 +11:00
parent 3dff6899f0
commit 144addc7d4
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/interface/components/ThemeCover.tsx
+2 -2
View File
@@ -27,7 +27,7 @@ export const ThemeCover: React.FC<ThemeCoverProps> = ({
return ( return (
<button <button
className={`relative w-full h-16 flex justify-center items-center rounded-lg bg-zinc-700 transition ring dark:ring-white ring-zinc-300 ${ className={`relative w-full h-16 flex justify-center items-center rounded-xl transition ring dark:ring-white ring-zinc-300 ${
isSelected ? 'dark:ring-2 ring-4' : 'ring-0' isSelected ? 'dark:ring-2 ring-4' : 'ring-0'
}`} }`}
onClick={handleThemeClick} onClick={handleThemeClick}
@@ -40,7 +40,7 @@ export const ThemeCover: React.FC<ThemeCoverProps> = ({
<div className="w-4 h-0.5 bg-white"></div> <div className="w-4 h-0.5 bg-white"></div>
</div> </div>
)} )}
<div className="relative top-0 z-10 flex justify-center w-full h-full overflow-hidden text-white transition rounded-lg group place-items-center bg-zinc-200 dark:bg-zinc-900"> <div className="relative top-0 z-10 flex justify-center w-full h-full overflow-hidden transition dark:text-white rounded-xl group place-items-center bg-zinc-100 dark:bg-zinc-900">
{/* Render theme cover image or placeholder */} {/* Render theme cover image or placeholder */}
{/* {theme.CustomImages.length > 0 ? ( {/* {theme.CustomImages.length > 0 ? (
<img <img