Adjust config menu styles

src/admin/config/AdminAppConfigurationSidebar.tsx

@@ -27,7 +27,7 @@ export default function AdminAppConfigurationSidebar({
               'block',
               parameterize(title) === hash
                 ? 'text-main hover:text-main font-medium'
-                : 'text-dim',
+                : 'text-dim hover:text-main',
             )}
           >
             {title}

src/admin/config/index.tsx

@@ -18,7 +18,7 @@ const ADMIN_CONFIG_SECTIONS = [
   {
     title: 'Storage',
     required: true,
-    icon: <BiData size={16} className="translate-y-[0.5px]" />,
+    icon: <BiData size={16} className="translate-y-[1px]" />,
   }, {
     title: 'Authentication',
     required: true,
@@ -35,7 +35,7 @@ const ADMIN_CONFIG_SECTIONS = [
   }, {
     title: 'Performance',
     required: false,
-    icon: <RiSpeedMiniLine size={19} />,
+    icon: <RiSpeedMiniLine size={19} className="translate-y-[1px]" />,
   }, {
     title: 'Categories',
     required: false,
@@ -43,15 +43,15 @@ const ADMIN_CONFIG_SECTIONS = [
   }, {
     title: 'Sorting',
     required: false,
-    icon: <IconSort size={18} className="translate-y-[1px]" />,
+    icon: <IconSort size={18} className="translate-y-[2px]" />,
   }, {
     title: 'Display',
     required: false,
-    icon: <BiHide size={18} />,
+    icon: <BiHide size={18} className="translate-y-[1px]" />,
   }, {
     title: 'Grid',
     required: false,
-    icon: <IoMdGrid size={17} />,
+    icon: <IoMdGrid size={17} className="translate-y-[1px]" />,
   }, {
     title: 'Design',
     required: false,
@@ -63,7 +63,7 @@ const ADMIN_CONFIG_SECTIONS = [
   }, {
     title: 'Internal',
     required: false,
-    icon: <CgDebug size={18} />,
+    icon: <CgDebug size={18} className="translate-y-[1px]" />,
   },
 ] as const satisfies AdminConfigSection[];
 

src/components/ChecklistGroup.tsx

@@ -44,6 +44,7 @@ export default function ChecklistGroup({
         'text-gray-600 dark:text-gray-300',
         'pt-2',
         'sm:pl-1.5',
+        'outline-none',
       )}
     >
       <span className="w-8 sm:w-9 shrink-0 translate-y-[-1px]">{icon}</span>