gsadmin/pulse
1
0
Fork 0
mirror of https://github.com/rcourtman/Pulse.git synced 2026-09-22 19:23:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: correct dark mode styling for Physical Disks search field and type badges

Browse Source
This commit is contained in:
Pulse Monitor
2025-09-10 16:48:43 +00:00
parent 311f23cf4e
commit 66908dee61
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-modern/src/components/Storage/DiskList.tsx
+4 -4
View File
@@ -70,13 +70,13 @@ export const DiskList: Component<DiskListProps> = (props) => {
const getDiskTypeBadge = (type: string) => {
switch (type.toLowerCase()) {
case 'nvme':
return 'bg-purple-100 text-purple-800';
return 'bg-purple-100 dark:bg-purple-900/30 text-purple-800 dark:text-purple-300';
case 'sata':
return 'bg-blue-100 text-blue-800';
return 'bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300';
case 'sas':
return 'bg-indigo-100 text-indigo-800';
return 'bg-indigo-100 dark:bg-indigo-900/30 text-indigo-800 dark:text-indigo-300';
default:
return 'bg-gray-100 text-gray-800';
return 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300';
}
};
frontend-modern/src/components/Storage/Storage.tsx
+1 -1
View File
@@ -274,7 +274,7 @@ const Storage: Component = () => {
placeholder="Search disks by model, path, or serial..."
value={searchTerm()}
onInput={(e) => setSearchTerm(e.currentTarget.value)}
class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400"
/>
</div>
</Show>