responsive tables

This commit is contained in:
Benjamin Takats
2022-12-18 00:27:22 +01:00
parent 6bc2bdab5f
commit b62ff7ad5b
10 changed files with 142 additions and 16 deletions

View File

@@ -5,7 +5,7 @@
<section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
<div class="flex items-start">
<div class="w-1/2">
<div class="w-full sm:w-1/2">
<link rel="stylesheet" type="text/css"
href="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.css"/>
@@ -78,7 +78,7 @@
<div x-ref="calendar"></div>
</div>
</div>
<div class="w-1/2">
<div class="hidden sm:w-1/2">
<div
wire:ignore
class="w-full flex justify-center"

View File

@@ -5,7 +5,7 @@
<section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
<div class="flex items-start">
<div class="w-1/2">
<div class="w-full sm:w-1/2">
<link rel="stylesheet" type="text/css"
href="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.css"/>
@@ -78,7 +78,7 @@
<div x-ref="calendar"></div>
</div>
</div>
<div class="w-1/2">
<div class="hidden sm:w-1/2">
@php
$focus = '';
$map = $country->code . '_merc';

View File

@@ -55,7 +55,7 @@
}
}"
>
<div id="map" style="width: 100%; height: 400px"></div>
<div id="map" style="width: 100%;" class="h-[200px] sm:h-[400px] my-4 sm:my-0"></div>
</div>
</div>
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">

View File

@@ -48,7 +48,7 @@
}
}"
>
<div id="mapworld" style="width: 100%; height: 800px"></div>
<div id="mapworld" style="width: 100%;" class="h-[200px] sm:h-[400px]"></div>
</div>
</div>
</section>

View File

@@ -5,7 +5,7 @@
<section class="w-full mb-12">
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
<div class="flex items-start">
<div class="w-1/2">
<div class="w-full sm:w-1/2">
<link rel="stylesheet" type="text/css"
href="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.css"/>
@@ -78,7 +78,7 @@
<div x-ref="calendar"></div>
</div>
</div>
<div class="w-1/2">
<div class="hidden sm:w-1/2">
<div
wire:ignore
class="w-full flex justify-center"