Change margin and gutters off rows

This commit is contained in:
Henrik Giesel 2021-05-28 01:58:22 +02:00
parent 2d24003e6c
commit c87123a9b1
3 changed files with 6 additions and 5 deletions

View file

@ -10,11 +10,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</script> </script>
<Row {id}> <Row {id}>
<div class="col-8 d-flex align-items-center"> <div class="col-7 d-flex align-items-center">
<slot name="left" /> <slot name="left" />
</div> </div>
<div class:col-4={!wrap} class:col-sm-4={wrap} class="d-flex align-items-center"> <div class:col-5={!wrap} class:col-sm-5={wrap} class="d-flex align-items-center">
<slot name="right" /> <slot name="right" />
</div> </div>
</Row> </Row>

View file

@ -6,6 +6,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
export let id: string | undefined = undefined; export let id: string | undefined = undefined;
</script> </script>
<div {id} class="row gx-0 gy-1 mt-0"> <div {id} class="row gx-0 gy-2 mt-0">
<slot /> <slot />
</div> </div>

View file

@ -20,8 +20,9 @@
@include bootstrap-dark.night-mode; @include bootstrap-dark.night-mode;
} }
// the unprefixed version wasn't added until Chrome 81 .form-control, .form-select{
.form-select { line-height: 1;
// the unprefixed version wasn't added until Chrome 81
-webkit-appearance: none; -webkit-appearance: none;
} }