arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-29 11:20:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Card): remove shadow-sm for consistency

Browse Source
This commit is contained in:
Benjamin Canac
2025-02-13 11:57:34 +01:00
parent 03a00b59e5
commit 8097fff79d
4 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/content/1.getting-started/3.theme.md
View File

@@ -636,7 +636,7 @@ Components in Nuxt UI can have multiple `slots`, each representing a distinct HT
```ts [src/theme/card.ts] ```ts [src/theme/card.ts]
export default { export default {
slots: { slots: {
root: 'bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm', root: 'bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]',
header: 'p-4 sm:px-6', header: 'p-4 sm:px-6',
body: 'p-4 sm:p-6', body: 'p-4 sm:p-6',
footer: 'p-4 sm:px-6' footer: 'p-4 sm:px-6'

2
src/theme/card.ts
View File

@@ -1,6 +1,6 @@
export default { export default {
slots: { slots: {
root: 'bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm', root: 'bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]',
header: 'p-4 sm:px-6', header: 'p-4 sm:px-6',
body: 'p-4 sm:p-6', body: 'p-4 sm:p-6',
footer: 'p-4 sm:px-6' footer: 'p-4 sm:px-6'

12
test/components/__snapshots__/Card-vue.spec.ts.snap
View File

@@ -1,7 +1,7 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Card > renders with as correctly 1`] = ` exports[`Card > renders with as correctly 1`] = `
"<section class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<section class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
@@ -9,7 +9,7 @@ exports[`Card > renders with as correctly 1`] = `
`; `;
exports[`Card > renders with class correctly 1`] = ` exports[`Card > renders with class correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) shadow-sm rounded-xl"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-xl">
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
@@ -17,7 +17,7 @@ exports[`Card > renders with class correctly 1`] = `
`; `;
exports[`Card > renders with default slot correctly 1`] = ` exports[`Card > renders with default slot correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<!--v-if--> <!--v-if-->
<div class="p-4 sm:p-6">Default slot</div> <div class="p-4 sm:p-6">Default slot</div>
<!--v-if--> <!--v-if-->
@@ -25,7 +25,7 @@ exports[`Card > renders with default slot correctly 1`] = `
`; `;
exports[`Card > renders with footer slot correctly 1`] = ` exports[`Card > renders with footer slot correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
<div class="p-4 sm:px-6">Footer slot</div> <div class="p-4 sm:px-6">Footer slot</div>
@@ -33,7 +33,7 @@ exports[`Card > renders with footer slot correctly 1`] = `
`; `;
exports[`Card > renders with header slot correctly 1`] = ` exports[`Card > renders with header slot correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<div class="p-4 sm:px-6">Header slot</div> <div class="p-4 sm:px-6">Header slot</div>
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
@@ -41,7 +41,7 @@ exports[`Card > renders with header slot correctly 1`] = `
`; `;
exports[`Card > renders with ui correctly 1`] = ` exports[`Card > renders with ui correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->

12
test/components/__snapshots__/Card.spec.ts.snap
View File

@@ -1,7 +1,7 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Card > renders with as correctly 1`] = ` exports[`Card > renders with as correctly 1`] = `
"<section class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<section class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
@@ -9,7 +9,7 @@ exports[`Card > renders with as correctly 1`] = `
`; `;
exports[`Card > renders with class correctly 1`] = ` exports[`Card > renders with class correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) shadow-sm rounded-xl"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-xl">
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
@@ -17,7 +17,7 @@ exports[`Card > renders with class correctly 1`] = `
`; `;
exports[`Card > renders with default slot correctly 1`] = ` exports[`Card > renders with default slot correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<!--v-if--> <!--v-if-->
<div class="p-4 sm:p-6">Default slot</div> <div class="p-4 sm:p-6">Default slot</div>
<!--v-if--> <!--v-if-->
@@ -25,7 +25,7 @@ exports[`Card > renders with default slot correctly 1`] = `
`; `;
exports[`Card > renders with footer slot correctly 1`] = ` exports[`Card > renders with footer slot correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
<div class="p-4 sm:px-6">Footer slot</div> <div class="p-4 sm:px-6">Footer slot</div>
@@ -33,7 +33,7 @@ exports[`Card > renders with footer slot correctly 1`] = `
`; `;
exports[`Card > renders with header slot correctly 1`] = ` exports[`Card > renders with header slot correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<div class="p-4 sm:px-6">Header slot</div> <div class="p-4 sm:px-6">Header slot</div>
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
@@ -41,7 +41,7 @@ exports[`Card > renders with header slot correctly 1`] = `
`; `;
exports[`Card > renders with ui correctly 1`] = ` exports[`Card > renders with ui correctly 1`] = `
"<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)] shadow-sm"> "<div class="bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border) rounded-[calc(var(--ui-radius)*2)]">
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->
<!--v-if--> <!--v-if-->