git-sync/profilarr
1
0
Fork 0
mirror of https://github.com/Dictionarry-Hub/profilarr.git synced 2026-01-22 10:51:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: improved enabled quality style #164

Browse Source 
- blue bg / border
- reduced roundedness

resolves #159
This commit is contained in:
Samuel Chau
2025-03-12 10:40:23 +10:30
committed by GitHub
parent 2e02cdab45
commit 9c41ad55eb
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/profile/quality/QualityItemGroup.jsx
View File

@@ -26,12 +26,14 @@ const QualityItemGroup = ({
return ( return (
<div <div
className={` className={`
relative p-2.5 rounded-lg select-none cursor-grab active:cursor-grabbing relative p-2.5 rounded-md select-none cursor-grab active:cursor-grabbing
border border-gray-200 dark:border-gray-700 border ${quality.enabled ? 'border-blue-200 dark:border-blue-700' : 'border-gray-200 dark:border-gray-700'}
transition-colors duration-200 transition-colors duration-200
bg-white dark:bg-gray-800
hover:border-gray-300 dark:hover:border-gray-600
${isDragging ? 'opacity-50' : ''} ${isDragging ? 'opacity-50' : ''}
${quality.enabled
? 'bg-blue-50/30 dark:bg-blue-900/15'
: 'bg-white dark:bg-gray-800'}
hover:border-gray-300 dark:hover:border-gray-600
group group
`} `}
style={style} style={style}

10
frontend/src/components/profile/quality/QualityItemSingle.jsx
View File

@@ -50,12 +50,14 @@ const QualityItemSingle = ({
return ( return (
<div <div
className={` className={`
relative p-2.5 rounded-lg select-none cursor-grab active:cursor-grabbing relative p-2.5 rounded-md select-none cursor-grab active:cursor-grabbing
border border-gray-200 dark:border-gray-700 border ${quality.enabled ? 'border-blue-200 dark:border-blue-700' : 'border-gray-200 dark:border-gray-700'}
transition-colors duration-200 transition-colors duration-200
bg-white dark:bg-gray-800
hover:border-gray-300 dark:hover:border-gray-600
${isDragging ? 'opacity-50' : ''} ${isDragging ? 'opacity-50' : ''}
${quality.enabled
? 'bg-blue-50/30 dark:bg-blue-900/15'
: 'bg-white dark:bg-gray-800'}
hover:border-gray-300 dark:hover:border-gray-600
group group
`} `}
style={style} style={style}