set table-layout:fixed + display when loaded

ref #146
This commit is contained in:
Philipp Dormann 2023-02-16 11:26:37 +01:00
parent 449948050b
commit 65e8998894
1 changed files with 7 additions and 3 deletions

View File

@ -1,5 +1,5 @@
<script>
import { getLocaleFromNavigator, _ } from "svelte-i18n";
import { _ } from "svelte-i18n";
import {
RunnerService,
RunnerTeamService,
@ -11,11 +11,13 @@
import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
let pageLoaded = false;
$: searchvalue = "";
$: active_deletes = [];
export let current_runners = [];
const runners_promise = RunnerService.runnerControllerGetAll().then((val) => {
current_runners = val;
pageLoaded = true;
});
$: selectedFilter_teams = null;
$: selectedFilter = null;
@ -101,8 +103,10 @@
bind:generate_runners />
</div>
<div
class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
<table class="divide-y divide-gray-200 w-full">
class:hidden={!pageLoaded}
class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
>
<table class="divide-y divide-gray-200 w-full table-fixed">
<thead class="bg-gray-50">
<tr>
<th