adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-18 05:02:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

make dashboard elements smaller, add logo to login/register

Browse Source
This commit is contained in:
Gregor Vostrak
2024-03-14 22:57:35 +01:00
parent 5a733b17aa
commit 81e133528a
19 changed files with 66 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/Components/Dashboard/ActivityGraphCard.vue
View File

@@ -79,7 +79,7 @@ const option = ref({
<template>
<DashboardCard title="Activity Graph" :icon="BoltIcon">
<div class="px-2">
<v-chart class="chart" :option="option" style="height: 290px" />
<v-chart class="chart" :option="option" style="height: 260px" />
</div>
</DashboardCard>
</template>

10
resources/js/Components/Dashboard/DashboardCard.vue
View File

@@ -1,7 +1,7 @@
<template>
<section class="">
<section class="flex flex-col">
<h3
class="text-white font-bold pb-4 text-lg flex items-center space-x-2.5">
class="text-white font-bold pb-4 textbase flex items-center space-x-2.5">
<component
v-if="icon"
:is="icon"
@@ -9,8 +9,10 @@
<span>{{ title }}</span>
</h3>
<div
class="rounded-lg bg-card-background border border-card-border divide-y divide-card-background-seperator">
<slot></slot>
class="rounded-lg bg-card-background border border-card-border flex-1 flex items-center">
<div class="divide-y divide-card-background-seperator w-full">
<slot></slot>
</div>
</div>
</section>
</template>

4
resources/js/Components/Dashboard/DayOverviewCardEntry.vue
View File

@@ -24,9 +24,9 @@ function dayFormat(date: string) {
</script>
<template>
<div class="px-4 py-2 grid grid-cols-3">
<div class="px-4 py-1.5 grid grid-cols-3">
<div class="flex items-center">
<p class="font-medium text-base text-white">
<p class="font-semibold text-sm text-white">
{{ dayFormat(date) }}
</p>
</div>

4
resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
View File

@@ -9,9 +9,9 @@ defineProps<{
</script>
<template>
<div class="px-4 py-1.5 grid grid-cols-5">
<div class="px-4 py-2 grid grid-cols-5">
<div class="col-span-4">
<p class="font-semibold text-white pb-1">
<p class="font-semibold text-white text-sm pb-1">
{{ title }}
</p>
<ProjectBadge :name="project"></ProjectBadge>

6
resources/js/Components/Dashboard/TeamActivityCardEntry.vue
View File

@@ -9,10 +9,10 @@ defineProps<{
<template>
<div class="px-4 py-3 grid grid-cols-3">
<div class="col-span-2">
<p class="font-semibold text-white">
<p class="font-semibold text-sm text-white">
{{ name }}
</p>
<div class="text-muted font-medium">
<div class="text-muted text-sm font-medium">
{{ description }}
</div>
</div>
@@ -23,7 +23,7 @@ defineProps<{
<span
class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span>
</span>
<span class="text-green-500 font-medium block pb-0.5">
<span class="text-green-500 font-medium text-sm block pb-0.5">
working
</span>
</div>

2
resources/js/Components/Dashboard/ThisWeekOverview.vue
View File

@@ -165,7 +165,7 @@ const option = ref({
<style scoped>
.chart {
height: 300px;
height: 280px;
background: transparent;
}
</style>