mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 00:02:15 +01:00
Adjust UI sizing and spacing
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
)
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user