Garmelon/showbits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add "wide" class for form inputs

Browse source
This commit is contained in:
Joscha 2025-03-03 15:52:13 +01:00
parent d1371ace02
commit 965cedf5a2
3 changed files with 14 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

15
showbits-thermal-printer-ui/src/components/CSegmentCalendar.vue
View file

@ -23,8 +23,11 @@ function submit() {
<template>
<form ref="form" @submit.prevent="submit">
<h2>Calendar</h2>
<label>Year: <input v-model="year" type="number" /></label>
<label>
<label class="wide">
Year:
<input v-model="year" type="number" />
</label>
<label class="wide">
Month:
<input v-model="month" type="number" min="1" max="12" />
</label>
@ -41,14 +44,8 @@ form {
gap: 16px;
}
input[type="number"] {
box-sizing: border-box;
width: 100%;
}
fieldset {
.wide {
display: flex;
flex-direction: column;
border: none;
}
</style>