Adjust UI sizing and spacing

This commit is contained in:
Gregor Vostrak
2026-03-10 14:32:41 +01:00
parent e43ce477b8
commit 8d16503541
5 changed files with 5 additions and 5 deletions

View File

@@ -8,7 +8,7 @@ defineProps<{
<template>
<div class="rounded-lg bg-card-background border-card-border shadow-card border px-3.5 py-2.5">
<dt class="font-semibold text-sm text-text-secondary">{{ title }}</dt>
<dd class="text-2xl text-text-primary pt-1 font-semibold">
<dd class="text-xl text-text-primary pt-1 font-semibold">
{{ value ?? '--' }}
</dd>
</div>

View File

@@ -157,7 +157,7 @@ function deleteSelected() {
<div ref="loadMoreContainer">
<div
v-if="isFetchingNextPage"
class="flex justify-center items-center py-5 text-text-primary font-medium">
class="flex justify-center items-center py-5 text-sm text-text-primary font-medium">
<LoadingSpinner></LoadingSpinner>
<span> Loading more time entries... </span>
</div>

View File

@@ -25,7 +25,7 @@ const expandedStatusClasses = computed(() => {
<button
:class="
twMerge(
'font-medium rounded flex items-center transition justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-transparent',
'font-medium text-base rounded flex items-center transition justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-transparent',
expandedStatusClasses,
props.size
)

View File

@@ -267,7 +267,7 @@ useSelectEvents(
:enable-estimated-time="enableEstimatedTime"
@changed="updateProject"></TimeTrackerProjectTaskDropdown>
</div>
<div class="flex items-center space-x-1 @2xl:space-x-2 px-2 @2xl:px-4 shrink-0">
<div class="flex items-center space-x-0 @4xl:space-x-2 px-2 @4xl:px-4 shrink-0">
<TimeTrackerTagDropdown
v-model="currentTimeEntry.tags"
:create-tag

View File

@@ -642,7 +642,7 @@ const showCreateProject = ref(false);
</div>
<div v-if="canCreateProject" class="hover:bg-card-background-active rounded-b-lg">
<button
class="text-text-primary flex space-x-3 items-center px-4 py-3 text-xs font-semibold border-t border-card-background-separator"
class="text-text-primary w-full flex space-x-3 items-center px-4 py-3 text-xs font-semibold border-t border-card-background-separator"
@click="
open = false;
showCreateProject = true;