v0.5.17 - Made some small css changes to guides layout

This commit is contained in:
Neerholt 2020-08-10 13:26:48 +02:00
parent c410f3feb6
commit 86536ba978
3 changed files with 77 additions and 15 deletions

View File

@ -4,19 +4,54 @@
@endsection
@section("content")
<style>
div.card {
margin-top: 1rem;
margin-bottom: 30px;
width: auto;
heigt: auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div.header {
background-color: #00788a;
color: white;
padding: 8px;
font-size: 10px;
text-align: center;
}
div.container {
padding: 8px;
text-align: justify;
line-height: 1.5;
}
ol {
padding-right: 8px;
}
</style>
<main>
<h1 class="text-center sde-blue mb-0">{{ __('msg.aktiviteter') }}</h1>
@if(!$events->isEmpty())
@foreach($events as $event)
<form method="get" action="{{ route("userevents.create") }}">
<h3 class="sde-blue bold text-center mb-0">{{$event->name}}</h3>
<div class="card">
<div class="header">
<h3>{{ $event->name}}</h3>
<p class="text-center mt-0">Af: {{ $event->accountable }}</p>
<p class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($event->date))->format('d/m/Y \k\l\. H:i') }}</p>
</div>
<div class="container">
{!! $event->description !!}
<input type="hidden" name="event_id" value="{{ $event->id }}">
{!! session()->get('error#' . $event->id) !!}
{!! session()->get('signup#' . $event->id) !!}
<button type="submit" class="btn text-center btn-sde-blue" id="tilmeld">{{__('msg.tilmeld')}}</button>
<a style="width: 33%; margin: 0; padding: 0; text-align: center; font-weight: 700;" class="sde-blue" href="{{route("events.show", ["event" => $event->id ])}}">Læs mere</a>
</div>
</div>
</form>
@endforeach
@else

View File

@ -6,22 +6,49 @@
@section("content")
<style>
h2, h3, h4 {
margin-top: 0;
div.card {
margin-top: 1rem;
margin-bottom: 30px;
width: auto;
heigt: auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div.header {
background-color: #00788a;
color: white;
padding: 8px;
font-size: 10px;
text-align: center;
}
div.container {
padding: 8px;
text-align: justify;
line-height: 1.5;
}
ol {
padding-right: 8px;
}
</style>
<main>
<h1 class="text-center sde-blue mt-0">{{__('msg.vejledning')}}</h1>
@if(!$guides->isEmpty())
@foreach($guides as $guide)
<div style="border: 4px solid rgba(0,0,0, 0.2); border-radius: 4px; padding: 4px; margin-top: 1.5rem">
<h2 class="text-center sde-blue mt-0">{{ $guide->name }}</h2>
<div class="card">
<div class="header">
<h3>{{ $guide->name}}</h3>
</div>
<div class="container">
{!! substr($guide->guide_articles, 0, 300) !!}
<a href="{{ route("guides.show", ["guide" => $guide]) }}" >Læse mere...</a>
<a style="width: 33%; margin: 0; padding: 0; text-align: center; font-weight: 700;" class="sde-blue" href="{{route("guides.show", ["guide" => $guide->id ])}}">Læs mere</a>
</div>
</div>
@endforeach
@else
<p style="margin: 0 18px;">{{__('msg.dereringenvejledninger')}}.</p>
@endif
<button onclick="window.history.back()" class="btn btn-sde-blue text-white mb-1 mt-1" >{{__('msg.tilbage')}}</button>
</main>
@endsection

View File

@ -12,7 +12,7 @@
</style>
<main>
<h1 class="text-center sde-blue mt-0">{{__('msg.vejledning')}}</h1>
<div style="border: 4px solid rgba(0,0,0, 0.2); border-radius: 4px; padding: 4px; margin-top: 1.5rem">
<div style="padding: 4px; margin-top: .25rem; text-align: justify; ">
<h2 class="text-center sde-blue mt-0">{{ $guide->name }}</h2>
{!!$guide->guide_articles!!}
</div>