mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-17 12:42:15 +01:00
Adjust UI sizing and spacing
This commit is contained in:
@@ -8,7 +8,7 @@ defineProps<{
|
|||||||
<template>
|
<template>
|
||||||
<div class="rounded-lg bg-card-background border-card-border shadow-card border px-3.5 py-2.5">
|
<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>
|
<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 ?? '--' }}
|
{{ value ?? '--' }}
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -157,7 +157,7 @@ function deleteSelected() {
|
|||||||
<div ref="loadMoreContainer">
|
<div ref="loadMoreContainer">
|
||||||
<div
|
<div
|
||||||
v-if="isFetchingNextPage"
|
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>
|
<LoadingSpinner></LoadingSpinner>
|
||||||
<span> Loading more time entries... </span>
|
<span> Loading more time entries... </span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ const expandedStatusClasses = computed(() => {
|
|||||||
<button
|
<button
|
||||||
:class="
|
:class="
|
||||||
twMerge(
|
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,
|
expandedStatusClasses,
|
||||||
props.size
|
props.size
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -267,7 +267,7 @@ useSelectEvents(
|
|||||||
:enable-estimated-time="enableEstimatedTime"
|
:enable-estimated-time="enableEstimatedTime"
|
||||||
@changed="updateProject"></TimeTrackerProjectTaskDropdown>
|
@changed="updateProject"></TimeTrackerProjectTaskDropdown>
|
||||||
</div>
|
</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
|
<TimeTrackerTagDropdown
|
||||||
v-model="currentTimeEntry.tags"
|
v-model="currentTimeEntry.tags"
|
||||||
:create-tag
|
:create-tag
|
||||||
|
|||||||
@@ -642,7 +642,7 @@ const showCreateProject = ref(false);
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="canCreateProject" class="hover:bg-card-background-active rounded-b-lg">
|
<div v-if="canCreateProject" class="hover:bg-card-background-active rounded-b-lg">
|
||||||
<button
|
<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="
|
@click="
|
||||||
open = false;
|
open = false;
|
||||||
showCreateProject = true;
|
showCreateProject = true;
|
||||||
|
|||||||
Reference in New Issue
Block a user