back buttons

This commit is contained in:
Benjamin Takats
2023-01-27 15:35:14 +01:00
parent 5ecaf43d6b
commit ff01e3e9de
6 changed files with 116 additions and 132 deletions

View File

@@ -1,13 +1,8 @@
<div class="bg-21gray flex flex-col h-screen justify-between">
<livewire:frontend.header :country="$country"/>
{{-- MAIN --}}
<section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10">
<div class="flex items-center justify-end space-x-2 my-6">
<x-button primary onclick="history.back()">
<i class="fa fa-thin fa-arrow-left"></i>
Zurück zur Übersicht
</x-button>
</div>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">

View File

@@ -3,6 +3,7 @@
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10">
<div
class="relative sm:sticky sm:top-0 bg-21gray z-10 flex flex-col flex-wrap items-center justify-between py-7 mx-auto md:flex-row max-w-screen-2xl space-y-4">
<div>
<div class="relative flex flex-col md:flex-row">
<a href="{{ route('welcome', ['c' => $c, 'l' => $l]) }}"
class="flex items-center mb-5 font-medium text-gray-900 lg:w-auto lg:items-center lg:justify-center md:mb-0">
@@ -11,10 +12,22 @@
<nav
class="flex flex-wrap items-center mb-5 text-lg md:mb-0 md:pl-8 md:ml-8 md:border-l md:border-gray-800">
@if(!str(request()->route()->getName())->contains('.view'))
<a href="{{ route('welcome', ['c' => $c]) }}"
class="text-gray-400 mr-5 font-medium leading-6 hover:text-gray-300">
{{ __('Back to the overview') }}
</a>
@elseif(str(request()->route()->getName())->contains('article.view'))
<a href="{{ route('article.overview') }}"
class="text-gray-400 mr-5 font-medium leading-6 hover:text-gray-300">
{{ __('Back to the overview') }}
</a>
@elseif(str(request()->route()->getName())->contains('libraryItem.view'))
<a href="{{ route('library.table.libraryItems', ['country' => $country]) }}"
class="text-gray-400 mr-5 font-medium leading-6 hover:text-gray-300">
{{ __('Back to the overview') }}
</a>
@endif
@if(str(request()->route()->getName())->contains('school.'))
<a href="{{ route('school.table.city', ['country' => $c, '#table']) }}"
@@ -84,14 +97,17 @@
{{ __('Events') }}
</a>
@endif
@if(auth()->check())
<a href="{{ route('bookCases.highScoreTable', ['country' => $c]) }}"
class="{{ request()->routeIs('bookCases.highScoreTable') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">
{{ __('Highscore Table') }}
</a>
@endif
</nav>
</div>
<div class="max-w-sm text-lg text-gray-200 flex flex-row space-x-2">
</div>
<div class="flex space-x-2 justify-end w-full items-end">
<x-native-select
label="{{ __('Change country') }}"
wire:model="c"
@@ -109,24 +125,17 @@
option-label="name"
option-value="language"
/>
</div>
@auth
<div></div>
@else
<div class="inline-flex items-center ml-5 my-2 text-lg space-x-6 lg:justify-end">
<x-button href="{{ route('auth.ln') }}">
<i class="fa-thin fa-sign-in"></i>
{{ __('Login') }}
</x-button>
{{--<a href="{{ route('auth.ln') }}"
class="text-xs sm:text-base inline-flex items-center justify-center px-4 py-2 font-medium leading-6 text-gray-200 hover:text-white whitespace-no-wrap bg-gray-800 border border-transparent rounded shadow-sm hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800">
{{ __('Registration') }}
</a>--}}
</div>
@endauth
</div>
</div>
</div>
</section>
<section class="h-auto">
<div class="px-10 py-2 mx-auto max-w-7xl">

View File

@@ -11,7 +11,7 @@
<p class="max-w-sm text-lg text-gray-200">
{{ __('A Bitcoin community for all.') }}
</p>
<div class="max-w-sm text-lg text-gray-200 space-x-2 flex flex-row">
<div class="max-w-sm text-lg text-gray-200 space-y-2 sm:space-y-0 sm:space-x-2 flex flex-col sm:flex-row items-start sm:items-end">
<x-native-select
label="{{ __('Change country') }}"
wire:model="c"
@@ -28,6 +28,12 @@
option-label="name"
option-value="language"
/>
<div class="py-2 sm:py-0">
<x-button secondary href="{{ route('auth.ln') }}">
<i class="fa-thin fa-sign-in"></i>
{{ __('Login') }}
</x-button>
</div>
</div>
</div>
<div class="grid w-full grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4">

View File

@@ -1,4 +1,5 @@
<div class="bg-21gray flex flex-col h-screen justify-between">
<livewire:frontend.header :country="null"/>
{{-- MAIN --}}
<section class="w-full mb-12 mt-8">
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4 flex flex-col sm:flex-row">
@@ -128,13 +129,6 @@
@endforeach
</ul>
<div class="p-4 w-full flex justify-end">
<x-button :href="route('meetup.table.meetup', ['country' => $meetup->city->country->code])" primary lg class="whitespace-nowrap">
<i class="fa fa-thin fa-arrow-left mr-2"></i>
{{ __('Back') }}
</x-button>
</div>
<div class="w-full mt-8">
@php
@@ -200,13 +194,6 @@
<div x-ref="calendar"></div>
</div>
<div class="p-4 w-full flex justify-end">
<x-button :href="route('meetup.table.meetup', ['country' => $meetup->city->country->code])" primary lg class="whitespace-nowrap">
<i class="fa fa-thin fa-arrow-left mr-2"></i>
{{ __('Back') }}
</x-button>
</div>
</div>
</div>

View File

@@ -1,4 +1,5 @@
<div class="bg-21gray flex flex-col h-screen justify-between">
<livewire:frontend.header :country="null"/>
<div class="relative bg-21gray px-6 pt-16 pb-20 lg:px-8 lg:pt-24 lg:pb-28">
<div class="absolute inset-0">
<div class="h-1/3 bg-21gray sm:h-2/3"></div>

View File

@@ -1,22 +1,8 @@
<div class="bg-21gray flex flex-col h-screen justify-between">
@googlefonts('article')
{{-- HEADER --}}
<livewire:frontend.header :country="null"/>
<div class="bg-21gray font-article">
<div class="mx-auto max-w-screen-2xl py-4 px-6 lg:px-8 overflow-hidden">
<div class="flex items-center justify-end">
@if($libraryItem->type === 'markdown_article')
<x-button lg :href="route('article.overview')">
<i class="fa-thin fa-arrow-left"></i>
{{ __('Back to overview') }}
</x-button>
@else
<x-button lg :href="route('library.table.libraryItems', ['country' => 'de'])">
<i class="fa-thin fa-arrow-left"></i>
{{ __('Back to overview') }}
</x-button>
@endif
</div>
</div>
<div class="relative mx-auto max-w-screen-2xl py-4 px-6 lg:px-8 overflow-hidden">
<div class="absolute top-0 bottom-0 left-3/4 hidden w-screen bg-21gray lg:block"></div>
<div class="mx-auto max-w-prose text-base lg:grid lg:max-w-none lg:grid-cols-2 lg:gap-8">