mariosant/ghostwriter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Amend app layout

Browse Source
This commit is contained in:
Marios Antonoudiou
2025-05-22 14:04:16 +03:00
parent 16a4ea0949
commit e080f3978c
13 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
components/card-field.vue Normal file
View File

@@ -0,0 +1,35 @@
<script setup lang="ts">
interface Props {
vertical?: boolean;
}
const props = defineProps<Props>();
</script>
<template>
<div
v-if="props.vertical"
class="flex justify-between items-start gap-2 flex-col"
>
<div>
<div class="font-semibold"><slot name="title" /></div>
<div class="text-slate-600 text-sm hidden md:block">
<slot name="description" />
</div>
</div>
<div class="text-nowrap w-full">
<slot name="value" />
</div>
</div>
<div v-else class="flex justify-between items-center gap-4">
<div>
<div class="font-semibold"><slot name="title" /></div>
<div class="text-slate-600 text-sm hidden md:block">
<slot name="description" />
</div>
</div>
<div class="text-nowrap flex items-end">
<slot name="value" />
</div>
</div>
</template>