Fix horizontal scroll for main forecast panel

This commit is contained in:
Lance Edgar 2024-06-08 19:58:21 -05:00
parent fe411cd27c
commit f82540c677

View file

@ -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;