github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-03 03:00:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix form variables

Browse Source
This commit is contained in:
Ben Haynes
2021-01-13 17:56:30 -05:00
parent b71d116dbd
commit 7f5d469c56
2 changed files with 2 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/src/components/v-form/v-form.vue
View File

@@ -216,16 +216,6 @@ export default defineComponent({
});
</script>
<style>
body {
--v-form-column-width: var(--form-column-width);
--v-form-column-max-width: var(--form-column-max-width);
--v-form-row-max-height: calc(var(--v-form-column-width) * 2);
--v-form-horizontal-gap: var(--form-horizontal-gap);
--v-form-vertical-gap: var(--form-vertical-gap);
}
</style>
<style lang="scss" scoped>
@import '../../styles/mixins/form-grid';

4
app/src/styles/mixins/form-grid.scss
View File

@@ -3,11 +3,11 @@
@mixin form-grid {
display: grid;
grid-template-columns: [start] minmax(0, 1fr) [half] minmax(0, 1fr) [full];
gap: var(--v-form-vertical-gap) var(--v-form-horizontal-gap);
gap: var(--form-vertical-gap) var(--form-horizontal-gap);
&.with-fill {
grid-template-columns:
[start] minmax(0, var(--v-form-column-max-width)) [half] minmax(0, var(--v-form-column-max-width))
[start] minmax(0, var(--form-column-max-width)) [half] minmax(0, var(--form-column-max-width))
[full] 1fr [fill];
}