danvics/Pulse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix dashboard layout on wide screens and remove wasted whitespace #643

Browse source
This commit is contained in:
courtmanr@gmail.com 2025-11-24 08:09:52 +00:00
parent 08a83c9adb
commit efad01b717
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend-modern/src/components/Dashboard/Dashboard.tsx
View file

@ -932,7 +932,7 @@ export function Dashboard(props: DashboardProps) {
<thead> <thead>
<tr class="bg-gray-50 dark:bg-gray-700/50 text-gray-600 dark:text-gray-300 border-b border-gray-200 dark:border-gray-600"> <tr class="bg-gray-50 dark:bg-gray-700/50 text-gray-600 dark:text-gray-300 border-b border-gray-200 dark:border-gray-600">
<th <th
class="pl-4 pr-2 py-1 text-left text-[11px] sm:text-xs font-medium uppercase tracking-wider w-[140px] sm:w-[160px] lg:w-[180px] xl:w-[240px] 2xl:w-[380px] cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" class="pl-4 pr-2 py-1 text-left text-[11px] sm:text-xs font-medium uppercase tracking-wider cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"
onClick={() => handleSort('name')} onClick={() => handleSort('name')}
onKeyDown={(e) => e.key === 'Enter' && handleSort('name')} onKeyDown={(e) => e.key === 'Enter' && handleSort('name')}
tabindex="0" tabindex="0"

4
frontend-modern/src/index.css
View file

@ -126,9 +126,9 @@
@layer components { @layer components {
.pulse-shell { .pulse-shell {
width: 100%; width: 100%;
max-width: clamp(95rem, 92vw, 120rem); max-width: 100%;
margin-inline: auto; margin-inline: auto;
padding-inline: clamp(1rem, 3vw, 3.25rem); padding-inline: clamp(1rem, 1.5vw, 2rem);
transition: padding-inline 0.3s ease; transition: padding-inline 0.3s ease;
} }