diff --git a/src/views/details/Details.vue b/src/views/details/Details.vue index 844a9a2..5c582a1 100644 --- a/src/views/details/Details.vue +++ b/src/views/details/Details.vue @@ -278,28 +278,31 @@
- - -
+ + + +
{{ $t('details.currentlyOpened') }}
-
- -

{{ $t('details.closes') }} {{ $t('details.at') }} {{ getNextClosingTime() | time($i18n.locale) }}

-
-
- - -
+ +
{{ $t('details.currentlyClosed') }}
+ +
+ {{ $t('details.closed') }} +
- -

- {{ $t('details.opens') }} - - {{ $t(`details.${getNextOpeningDay()}`) }} - + + +

+ {{ $t('details.closes') }} {{ $t('details.at') }} {{ getNextClosingTime() | time($i18n.locale) }} +

+ +

+ {{ $t('details.opens') }} {{ $t(`details.${getNextOpeningDay()}`) }} {{ $t('details.at') }} {{ getNextOpeningTime() | time($i18n.locale) }}

@@ -695,6 +698,19 @@ export default { // returns true if day has openingTimes getOpenDayState(day) { const openingTimes = this.getDayTimes(day) + + if ( + openingTimes && + openingTimes.first && + openingTimes.first.timeStart === '' && + openingTimes.first.timeEnd === '' && + openingTimes.second && + openingTimes.second.timeStart === '' && + openingTimes.second.timeEnd === '' + ) { + return false + } + return !(openingTimes === undefined || openingTimes === null) }, @@ -754,7 +770,7 @@ export default { if (this.getOpenDayState(i) === true && this.getCurrentOpeningState() === false) { return this.getDayName(i) } - } return this.getDayName(openingDayNum) + } return false }, getDayName(dayIndex) { @@ -974,4 +990,18 @@ input[type=submit] { width: 100%; } } + +@media (min-width: 500px) { /* Für Desktop */ + .desktop-mt { + margin-top: 25px; + } +} + +@media (max-width: 767px) { /* Für Mobilgeräte */ + .mobile-mt { + margin-top: 5px; + margin-left: 5px; + } +} +