vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Migrated Card component

pull/5507/head
Cagatay Civici 2024-02-10 12:33:05 +03:00
parent 644594c899
commit b63f932098
2 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
components/lib/theme/aura/card/index.js Normal file
View File

@ -0,0 +1,35 @@
export default {
css: `
.p-card {
background: var(--p-dark-surface-900, var(--p-surface-0));
color: var(--p-dark-surface-0, var(--p-surface-700));
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 12px;
display: flex;
flex-direction: column;
}
.p-card-caption {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.p-card-body {
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.p-card-title {
font-size: 1.25rem;
font-weight: 600;
}
.p-card-subtitle {
font-weight: 400;
color: var(--p-dark-surface-400, var(--p-surface-500));
}
`
};

2
components/lib/theme/aura/index.js
View File

@ -1,5 +1,6 @@
import accordion from 'primevue/theme/aura/accordion'; import accordion from 'primevue/theme/aura/accordion';
import avatar from 'primevue/theme/aura/avatar'; import avatar from 'primevue/theme/aura/avatar';
import card from 'primevue/theme/aura/card';
import divider from 'primevue/theme/aura/divider'; import divider from 'primevue/theme/aura/divider';
import fieldset from 'primevue/theme/aura/fieldset'; import fieldset from 'primevue/theme/aura/fieldset';
import global from 'primevue/theme/aura/global'; import global from 'primevue/theme/aura/global';
@ -143,6 +144,7 @@ export default {
global, global,
accordion, accordion,
avatar, avatar,
card,
divider, divider,
fieldset, fieldset,
panel, panel,