feat(ui): adopt Tailwind v4 design system and archive change
- Add tailwindcss v4 + @tailwindcss/vite to mall, shop-admin, admin - Add @vmall/shared/theme.css tokens with html[data-accent] presets - Add @vmall/ui kit (VBtn/VBadge/VField/VInput/VCard/VPanel/VTable/VPage, VAccentSwatch, useAccent) as a Nuxt module - Convert all three apps to kit + utilities; delete ui.css/mall.css and every <style scoped>; consoles get accent presets, mall locked to red - Fix VCard boolean prop default (padding) and PDP/store stale useAsyncData keys on param navigation - Archive adopt-tailwind-design-system; new frontend-ui capability spec
This commit is contained in:
@@ -4,16 +4,7 @@ const stars = computed(() => [1, 2, 3, 4, 5].map((i) => i <= Math.round(props.va
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<span class="stars" :style="{ fontSize: `${size}px` }">
|
||||
<span v-for="(on, i) in stars" :key="i" :class="{ on }">★</span>
|
||||
<span :style="{ fontSize: `${size}px` }">
|
||||
<span v-for="(on, i) in stars" :key="i" :class="on ? 'text-primary' : 'text-[#ddd]'">★</span>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.stars span {
|
||||
color: #ddd;
|
||||
}
|
||||
.stars span.on {
|
||||
color: var(--mall-red);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user