add responsiveness for the dashboard and menu

This commit is contained in:
Gregor Vostrak
2024-04-13 02:12:57 +02:00
parent 528865fc1c
commit 335a057ba1
12 changed files with 80 additions and 46 deletions

View File

@@ -54,7 +54,7 @@ const props = defineProps<{
<TimeTracker></TimeTracker>
</MainContainer>
<MainContainer
class="grid gap-x-6 grid-cols-2 xl:grid-cols-4 pt-5 pb-6 border-b border-default-background-separator items-stretch">
class="grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 pt-5 pb-6 border-b border-default-background-separator items-stretch">
<RecentlyTrackedTasksCard
:latestTasks="props.latestTasks"></RecentlyTrackedTasksCard>
<LastSevenDaysCard
@@ -64,6 +64,7 @@ const props = defineProps<{
props.dailyTrackedHours
"></ActivityGraphCard>
<TeamActivityCard
class="flex lg:hidden xl:flex"
:latestTeamActivity="
props.latestTeamActivity
"></TeamActivityCard>