STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

fix styling

Browse Source
This commit is contained in:
James Collins
2023-04-18 15:11:52 +10:00
parent c416902280
commit a1075e000a
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/components/SMFormCard.vue
View File

@@ -1,13 +1,13 @@
<template> <template>
<div :class="['form-card', { 'form-card-full': full }]"> <div :class="['form-card', { full: full }]">
<div v-if="slots.header" class="form-card-header"> <div v-if="slots.header" class="header">
<slot name="header"></slot> <slot name="header"></slot>
</div> </div>
<div v-if="slots.body || slots.default``" class="form-card-body"> <div v-if="slots.body || slots.default" class="body">
<slot name="body"></slot> <slot name="body"></slot>
<slot></slot> <slot></slot>
</div> </div>
<div v-if="slots.footer" class="form-card-footer"> <div v-if="slots.footer" class="footer">
<slot name="footer"></slot> <slot name="footer"></slot>
</div> </div>
</div> </div>
@@ -39,7 +39,11 @@ const slots = useSlots();
border-radius: 16px; border-radius: 16px;
box-shadow: var(--base-shadow); box-shadow: var(--base-shadow);
.form-card-footer { &.full {
max-width: 960px;
}
.footer {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;