Fix horizontal scroll for main forecast panel
This commit is contained in:
parent
fe411cd27c
commit
f82540c677
1 changed files with 2 additions and 2 deletions
|
@ -82,7 +82,7 @@ export default {
|
||||||
<div class="panel-block">
|
<div class="panel-block">
|
||||||
|
|
||||||
<div v-if="weatherStore.forecast"
|
<div v-if="weatherStore.forecast"
|
||||||
style="display: flex;">
|
style="display: flex; overflow-x: scroll;">
|
||||||
|
|
||||||
<div v-for="period in weatherStore.forecast.properties.periods"
|
<div v-for="period in weatherStore.forecast.properties.periods"
|
||||||
:key="period.number"
|
:key="period.number"
|
||||||
|
@ -138,7 +138,7 @@ export default {
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
||||||
.weather-period {
|
.weather-period {
|
||||||
width: 100px;
|
min-width: 100px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue