mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-03 13:28:11 +00:00
fix(DriverView): action buttons layout
This commit is contained in:
@@ -4,11 +4,11 @@
|
|||||||
|
|
||||||
<!-- Train action buttons -->
|
<!-- Train action buttons -->
|
||||||
<div class="train-stock-actions">
|
<div class="train-stock-actions">
|
||||||
<button class="btn btn--action" style="margin: 1em 0" @click="copyStockToClipboard()">
|
<button class="btn btn--action" @click="copyStockToClipboard()">
|
||||||
<i class="fa-regular fa-copy"></i> {{ i18n.t('trains.stock-copy') }}
|
<i class="fa-regular fa-copy"></i> {{ i18n.t('trains.stock-copy') }}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button class="btn btn--action" style="margin: 1em 0" @click="toggleNumberPropositions()">
|
<button class="btn btn--action" @click="toggleNumberPropositions()">
|
||||||
<i class="fa-regular fa-lightbulb"></i> {{ i18n.t('trains.number-propositions') }}
|
<i class="fa-regular fa-lightbulb"></i> {{ i18n.t('trains.number-propositions') }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -68,6 +68,8 @@ function toggleNumberPropositions() {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@use '../../styles/responsive';
|
||||||
|
|
||||||
.driver-train-card {
|
.driver-train-card {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
background-color: var(--clr-view-bg);
|
background-color: var(--clr-view-bg);
|
||||||
@@ -76,6 +78,14 @@ function toggleNumberPropositions() {
|
|||||||
|
|
||||||
.train-stock-actions {
|
.train-stock-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
gap: 0.5em;
|
gap: 0.5em;
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include responsive.smallScreen {
|
||||||
|
.train-stock-actions {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user