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

add responsiveness for the dashboard and menu

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,13 +10,13 @@ import {
</script>
<template>
<div class="px-3.5 py-2 flex @container">
<div class="px-3.5 py-2 flex justify-between @container">
<div class="flex items-center">
<p class="font-semibold text-sm text-white">
{{ formatHumanReadableDate(date) }}
</p>
</div>
<div class="items-center justify-center flex-1 flex">
<div class="items-center justify-center flex-1 hidden @2xs:flex">
<svg
class="w-20 opacity-70 transition hover:opacity-100"
viewBox="0 0 42 10"

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

@@ -130,8 +130,9 @@ const option = ref({
</script>
<template>
<div class="grid gap-x-6 xl:gap-x-6 grid-cols-4">
<div class="col-span-3">
<div
class="grid space-y-5 sm:space-y-0 sm:gap-x-6 xl:gap-x-6 grid-cols-1 lg:grid-cols-3 xl:grid-cols-4">
<div class="col-span-2 xl:col-span-3">
<CardTitle
title="This Week"
class="pb-8"