mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-14 19:22:14 +01:00
fix styling inconsistencies
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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: {
|
||||||
|
|||||||
Reference in New Issue
Block a user