From b63f932098c8d6122805994d96dde42ea327d700 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Sat, 10 Feb 2024 12:33:05 +0300 Subject: [PATCH] Migrated Card component --- components/lib/theme/aura/card/index.js | 35 +++++++++++++++++++++++++ components/lib/theme/aura/index.js | 2 ++ 2 files changed, 37 insertions(+) create mode 100644 components/lib/theme/aura/card/index.js diff --git a/components/lib/theme/aura/card/index.js b/components/lib/theme/aura/card/index.js new file mode 100644 index 000000000..6b53acb00 --- /dev/null +++ b/components/lib/theme/aura/card/index.js @@ -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)); +} +` +}; diff --git a/components/lib/theme/aura/index.js b/components/lib/theme/aura/index.js index 2341e0e46..381ab3c28 100644 --- a/components/lib/theme/aura/index.js +++ b/components/lib/theme/aura/index.js @@ -1,5 +1,6 @@ import accordion from 'primevue/theme/aura/accordion'; import avatar from 'primevue/theme/aura/avatar'; +import card from 'primevue/theme/aura/card'; import divider from 'primevue/theme/aura/divider'; import fieldset from 'primevue/theme/aura/fieldset'; import global from 'primevue/theme/aura/global'; @@ -143,6 +144,7 @@ export default { global, accordion, avatar, + card, divider, fieldset, panel,