gitea_admin/wondif_vue
1
0
Fork 0
generated from gitea_admin/default
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update a lot of change since a while

Browse Source
This commit is contained in:
Julie
2026-01-22 10:29:36 +01:00
parent a4dcb95d83
commit e1c1475f10
78 changed files with 4200 additions and 534 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
design-system/components/DsCard.vue Normal file
View File

@@ -0,0 +1,39 @@
<template>
<article class="ds-card">
<div v-if="$slots.media" class="ds-card__media">
<slot name="media" />
</div>
<div class="ds-card__content">
<header v-if="$slots.header" class="ds-card__header">
<slot name="header" />
</header>
<div class="ds-card__body">
<slot />
</div>
<footer v-if="$slots.footer" class="ds-card__footer">
<slot name="footer" />
</footer>
</div>
</article>
</template>
<script setup>
</script>
<style lang="scss">
.ds-card {
display: grid;
grid-template-columns: 1fr;
border-radius: var(--r-lg);
background: var(--c-surface);
overflow: hidden;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
&__media { aspect-ratio: 16/9; background: var(--c-surface-muted); }
&__content { display: grid; gap: var(--sp-3); }
&__header { display: grid; gap: var(--sp-2); }
&__footer { display: flex; gap: var(--sp-2); align-items: center; }
}
</style>