KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Increased width of activity days page input

Browse Source
This commit is contained in:
Kevin
2022-08-11 18:43:40 +02:00
parent 41067aae84
commit e7a0e08938
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/ActivityPage.vue
View File

@@ -8,10 +8,9 @@
<input <input
class="dayinput" class="dayinput"
v-model="days" v-model="days"
placeholder="number of days" placeholder="days"
type="number" type="number"
pattern="[0-9]*" pattern="[0-9]*"
:style="{ maxWidth: `${3 + 0.5 * days.length}rem` }"
@change="fetchChartData" @change="fetchChartData"
/> />
</label> </label>
@@ -168,7 +167,7 @@
input { input {
width: 100%; width: 100%;
font-size: inherit; font-size: inherit;
max-width: 3rem; max-width: 6rem;
background-color: $background-ui; background-color: $background-ui;
color: $text-color; color: $text-color;
} }