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

move upgrade modal to ui package and add trial status and cancel trial ui

Browse Source
This commit is contained in:
Gregor Vostrak
2026-10-13 14:58:12 +02:00
parent 11dd4e174e
commit 9e6013eaf1
33 changed files with 1020 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
resources/js/packages/ui/src/UpgradeModal/MockupPdfPage.vue Normal file
View File

@@ -0,0 +1,35 @@
<script setup lang="ts">
const bars = [45, 70, 55, 85, 65, 35, 50];
</script>
<template>
<!-- Note: A PDF page that runs off the bottom edge of the header -->
<div
class="rounded-t-md border border-b-0 border-gray-200 bg-white px-5 pt-4 pb-10 shadow-xl shadow-gray-400/25 dark:border-transparent dark:shadow-2xl dark:shadow-black/50">
<div class="flex items-start justify-between">
<div>
<p class="text-[11px] font-semibold text-gray-900">Time report</p>
<p class="text-[9px] text-gray-500">Acme Corp · October 2026</p>
</div>
<span
class="rounded bg-red-500 px-1.5 py-0.5 text-[8px] font-bold tracking-wide text-white"
>PDF</span
>
</div>
<div class="mt-2.5 flex h-7 items-end gap-1">
<div
v-for="(height, index) in bars"
:key="index"
class="flex-1 rounded-sm bg-accent-500/70"
:style="{ height: height + '%' }" />
</div>
<div class="mt-2 space-y-1 text-[9px] text-gray-600">
<div class="flex justify-between">
<span>Website Redesign</span><span class="tabular-nums">32h 15min</span>
</div>
<div class="flex justify-between">
<span>Mobile App</span><span class="tabular-nums">18h 40min</span>
</div>
</div>
</div>
</template>