fix styling inconsistencies

This commit is contained in:
Gregor Vostrak
2026-01-27 20:45:17 +01:00
parent 99400ca655
commit 44bcce97cf
5 changed files with 9 additions and 9 deletions

View File

@@ -51,7 +51,7 @@ const isRunningInDifferentOrganization = computed(() => {
<TimeTrackerStartStop <TimeTrackerStartStop
:active="isActive" :active="isActive"
size="base" size="base"
variant="outline" variant="secondary"
@changed="setActiveState"></TimeTrackerStartStop> @changed="setActiveState"></TimeTrackerStartStop>
</div> </div>
</template> </template>

View File

@@ -65,9 +65,11 @@ async function startTaskTimer() {
</div> </div>
</ProjectBadge> </ProjectBadge>
</div> </div>
<div class="flex items-center justify-center"> <div class="flex items-center justify-end pr-1">
<TimeTrackerStartStop <TimeTrackerStartStop
variant="outline" variant="secondary"
size="base"
class="w-9 h-9"
@changed="startTaskTimer"></TimeTrackerStartStop> @changed="startTaskTimer"></TimeTrackerStartStop>
</div> </div>
</div> </div>

View File

@@ -159,7 +159,7 @@ function deleteSelected() {
</div> </div>
<div <div
v-else-if="!hasNextPage" v-else-if="!hasNextPage"
class="flex justify-center items-center py-5 text-text-secondary font-medium"> class="flex justify-center items-center py-5 text-sm text-text-tertiary">
All time entries are loaded! All time entries are loaded!
</div> </div>
</div> </div>

View File

@@ -17,7 +17,7 @@ const expandedStatusClasses = computed(() => {
if (props.expanded) { if (props.expanded) {
return 'border-card-border border bg-quaternary text-text-primary'; return 'border-card-border border bg-quaternary text-text-primary';
} }
return 'border-card-border border hover:bg-tertiary hover:text-text-primary transition text-text-secondary'; return 'border-card-border bg-secondary border hover:bg-tertiary hover:text-text-primary transition text-text-secondary';
}); });
</script> </script>

View File

@@ -10,13 +10,11 @@ const timeTrackerVariants = cva(
primary: primary:
'text-white ring-accent-200/10 focus-visible:ring-ring focus-visible:ring-2 ring-4 sm:ring-[6px]', 'text-white ring-accent-200/10 focus-visible:ring-ring focus-visible:ring-2 ring-4 sm:ring-[6px]',
secondary: secondary:
'bg-tertiary text-text-tertiary hover:text-text-primary focus:ring-2 focus:ring-border-tertiary', 'bg-quaternary text-text-tertiary hover:text-text-primary focus:ring-2 focus:ring-border-tertiary',
outline:
'border border-border-primary text-text-tertiary hover:text-text-primary hover:bg-tertiary/50',
}, },
size: { size: {
small: 'w-6 h-6', small: 'w-6 h-6',
base: 'w-9 h-9 hover:scale-110', base: 'w-8 h-8',
large: 'w-11 h-11 hover:scale-110', large: 'w-11 h-11 hover:scale-110',
}, },
active: { active: {