Commit 699297a2 authored by Emmanuel Raviart's avatar Emmanuel Raviart
Browse files

Use prettier-plugin-tailwindcss.

parent 89090f45
......@@ -54,6 +54,7 @@
"postcss-load-config": "^3.0.1",
"prettier": "^2.3.2",
"prettier-plugin-svelte": "^2.2.0",
"prettier-plugin-tailwindcss": "^0.1.10",
"svelte": "^3.46.0",
"svelte-check": "^2.0.0",
"svelte-intl-precompile": "^0.9.0",
......@@ -3990,6 +3991,18 @@
"svelte": "^3.2.0"
}
},
"node_modules/prettier-plugin-tailwindcss": {
"version": "0.1.10",
"resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.10.tgz",
"integrity": "sha512-ooDGNuXUjgCXfShliVYQ6+0iXqUFXn+zdNInPe0WZN9qINt9srbLGFGY5jeVL4MXtY20/4S8JaBcd8l6N6NfCQ==",
"dev": true,
"engines": {
"node": ">=12.17.0"
},
"peerDependencies": {
"prettier": ">=2.2.0"
}
},
"node_modules/process-nextick-args": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
......@@ -8066,6 +8079,13 @@
"dev": true,
"requires": {}
},
"prettier-plugin-tailwindcss": {
"version": "0.1.10",
"resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.10.tgz",
"integrity": "sha512-ooDGNuXUjgCXfShliVYQ6+0iXqUFXn+zdNInPe0WZN9qINt9srbLGFGY5jeVL4MXtY20/4S8JaBcd8l6N6NfCQ==",
"dev": true,
"requires": {}
},
"process-nextick-args": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
......
......@@ -16,7 +16,7 @@
</script>
{#if user == null}
<div class="card ~warning @high">
<div class="~warning card @high">
<strong>Authentication required!</strong>
You must
<a class="link" href={loginUrl} on:click|preventDefault={login}>
......
<script lang="ts">
import { createEventDispatcher } from "svelte"
import { slugify } from "$lib/strings"
const dispatch = createEventDispatcher()
......@@ -211,10 +212,10 @@
/>
{#if isOpen}
<ul
class="absolute bg-white border {filteredItems.length > 10
class="absolute border bg-white {filteredItems.length > 10
? 'h-64 overflow-y-scroll'
: ''}
shadow-md z-10"
z-10 shadow-md"
on:mousedown|preventDefault
style="min-width: {width}px"
>
......@@ -223,7 +224,7 @@
class="{index === currentItemIndex
? 'bg-gray-800 text-gray-100 '
: ''}
hover:bg-gray-700 hover:text-gray-100 px-4 py-1"
px-4 py-1 hover:bg-gray-700 hover:text-gray-100"
on:click={() => selectItem(index)}
>
{@html result.label}
......
......@@ -12,10 +12,10 @@
</script>
<a
class="block px-6 py-6 my-2 bg-gray-100 rounded"
class="my-2 block rounded bg-gray-100 px-6 py-6"
href="/me/demands/{demand.id}"
>
<h2 class="flex flex-row justify-between font-bold text-sm text-gray-500">
<h2 class="flex flex-row justify-between text-sm font-bold text-gray-500">
<span class="mx-3"
>Demande du {dateFormat.format(new Date(demand.updated_at))}</span
>
......
......@@ -44,7 +44,7 @@
}
</script>
<h3 class="mt-6 text-left text-l text-gray-500 font-bold">
<h3 class="text-l mt-6 text-left font-bold text-gray-500">
{studies.length}
{studies.length <= 1 ? $t("dataset") : $t("datasets")}
</h3>
......
......@@ -14,12 +14,12 @@
<!-- EXPANDABLE LIST LINE WITH LEFT BORDER ROUNDED IN GRAY COLOR -->
<section
class="w-full border-t border-b border-r bg-white border-gray-200 mb-1 rounded"
class="mb-1 w-full rounded border-t border-b border-r border-gray-200 bg-white"
>
<div class="w-full border-l-4 border-gray-400 rounded">
<div class="w-full rounded border-l-4 border-gray-400">
<!-- Clickable head -->
<button
class="flex flex-row px-4 py-4 justify-between w-full text-left"
class="flex w-full flex-row justify-between px-4 py-4 text-left"
on:click={() => toggle()}
>
<!-- Text in head-->
......@@ -27,7 +27,7 @@
<slot name="head" />
</span>
<!-- Chevron icon in head-->
<span class="text-lg text-gray-300 ml-4 hover:text-gray-400 font-bold">
<span class="ml-4 text-lg font-bold text-gray-300 hover:text-gray-400">
{#if open}
<Icon icon="fa-solid:chevron-up" />
{:else}
......
......@@ -28,7 +28,7 @@
</script>
{#if realState === "all"}
<ul class="list-inside max-h-64 overflow-y-auto text-xs text-gray-700">
<ul class="max-h-64 list-inside overflow-y-auto text-xs text-gray-700">
{#each [...items].sort(expandedComparison) as item}
<li>
<slot {item} />
......@@ -36,7 +36,7 @@
{/each}
</ul>
<button
class="w-full text-xs text-red-400 mt-2 text-right "
class="mt-2 w-full text-right text-xs text-red-400 "
on:click={() => (state = "less")}>-- {$t("Show less")} --</button
>
{:else if realState === "more"}
......
......@@ -7,7 +7,7 @@
</script>
{#if level === 1}
<h1 class="font-bold mt-8 text-gray-500 text-xl" class:uppercase>
<h1 class="mt-8 text-xl font-bold text-gray-500" class:uppercase>
<slot />
{#if $debugMode && titleDebug}<span class="text-gray-300"
>({titleDebug})</span
......
<div class="flex flex-col overflow-hidden my-2 text-gray-600">
<div class="my-2 flex flex-col overflow-hidden text-gray-600">
<slot />
</div>
......@@ -41,11 +41,11 @@
<!-- LOGOS - HAUTEUR FIXE -->
<section
class="w-full max-w-xl mb-4 text-slate-600 bg-transparent flex justify-between mx-auto"
class="mx-auto mb-4 flex w-full max-w-xl justify-between bg-transparent text-slate-600"
>
<div class="flex flex-row p-1 h-auto">
<div class="flex h-auto flex-row p-1">
{#each leftLogos as logo, index}
<div class="flex-col mr-4">
<div class="mr-4 flex-col">
{#if logo.text}
<div class="h-5 text-center text-xs sm:text-sm">{logo.text}</div>
{/if}
......@@ -60,9 +60,9 @@
</div>
{/each}
</div>
<div class="flex flex-row-reverse -mr10 h-auto">
<div class="-mr10 flex h-auto flex-row-reverse">
{#each rightLogos as logo, index}
<div class="flex-col ml-4">
<div class="ml-4 flex-col">
{#if logo.text}
<div class="h-5 text-center text-xs sm:text-sm">{logo.text}</div>
{/if}
......
......@@ -14,13 +14,13 @@
<!-- MESSAGE BODY -->
<section
class="flex flex-col w-full bg-white text-sm text-gray-400 px-10 py-6 border-t"
class="flex w-full flex-col border-t bg-white px-10 py-6 text-sm text-gray-400"
>
<div class="my-2">
{messageBody != null ? messageBody : "undefined"}
</div>
{#if messagePJ.length}
<div class="flex flex-row-reverse my-2 text-xs text-gray-400">
<div class="my-2 flex flex-row-reverse text-xs text-gray-400">
{#each messagePJ as filename}
<span class="mx-2">{filename} </span>
<span class="mx-2">
......@@ -30,36 +30,36 @@
</div>
{/if}
<form
class="bg-white border border-gray-100 rounded px-4"
class="rounded border border-gray-100 bg-white px-4"
on:submit|preventDefault
>
<label class="block text-gray-500 font-bold mt-6 mb-2" for="response">
<label class="mt-6 mb-2 block font-bold text-gray-500" for="response">
Repondre :
</label>
<textarea
class="shadow appearance-none leading-tight w-full h-40 py-3 mb-6 border-gray-100 bg-gray-50 text-gray-500 text-sm italic rounded"
class="mb-6 h-40 w-full appearance-none rounded border-gray-100 bg-gray-50 py-3 text-sm italic leading-tight text-gray-500 shadow"
id="response"
placeholder="..."
required
bind:value={response}
/>
<div class="flex flex-row-reverse justify-between">
<div class="flex justify-center my-6 text-sm">
<div class="my-6 flex justify-center text-sm">
<button
class="bg-indigo-100 border px-20 py-1 rounded text-indigo-500 hover:bg-indigo-200"
class="rounded border bg-indigo-100 px-20 py-1 text-indigo-500 hover:bg-indigo-200"
disabled={false}
type="submit">Envoyer</button
>
</div>
<div class="flex justify-center my-6">
<div class="my-6 flex justify-center">
<button
class="bg-white px-10 py-1 mx-6 text-indigo-400 underline hover:bg-gray-100"
class="mx-6 bg-white px-10 py-1 text-indigo-400 underline hover:bg-gray-100"
type="submit">Fichier</button
>
</div>
<div class="flex justify-center my-6">
<div class="my-6 flex justify-center">
<button
class="bg-white px-10 py-1 mx-6 text-indigo-400 underline hover:bg-gray-100"
class="mx-6 bg-white px-10 py-1 text-indigo-400 underline hover:bg-gray-100"
type="submit">Annuler</button
>
</div>
......
......@@ -5,11 +5,11 @@
</script>
<header
class="flex flex-row w-auto h-32 items-center justify-between bg-white shadow-lg -mx-2 my-0 py-3 pr-4 top-0 left-0 sticky"
class="sticky top-0 left-0 -mx-2 my-0 flex h-32 w-auto flex-row items-center justify-between bg-white py-3 pr-4 shadow-lg"
style="z-index: 2;"
>
<div class="flex flex-row items-center mx-10 mt-4 h-24 w-80">
<a href="/" class="items-center h-24 w-80">
<div class="mx-10 mt-4 flex h-24 w-80 flex-row items-center">
<a href="/" class="h-24 w-80 items-center">
<img
src="/img/logo_qpd_couleurs.png"
alt="logo Quetelet Progedo Diffusion"
......@@ -18,7 +18,7 @@
</a>
</div>
<!--PRIMARY NAV-->
<div class="w-screen h-auto">
<div class="h-auto w-screen">
<NavPrimaryMenu display="hidden md:flex" bind:open />
{#if open}
......
......@@ -58,10 +58,10 @@
</script>
<nav
class="{display} flex-wrap grow flex flex-auto justify-end w-full max-w-full px-4 py-4 rounded-lg shadow-lg md:w-auto md:items-center md:justify-between bg-neutral-000 md:bg-transparent md:shadow-none md:p-0"
class="{display} bg-neutral-000 flex w-full max-w-full flex-auto grow flex-wrap justify-end rounded-lg px-4 py-4 shadow-lg md:w-auto md:items-center md:justify-between md:bg-transparent md:p-0 md:shadow-none"
>
<div class="{display} flex flex-auto justify-end items-center text-sm">
<ul class="flex flex-auto justify-end items-center text-sm text-slate-600 ">
<div class="{display} flex flex-auto items-center justify-end text-sm">
<ul class="flex flex-auto items-center justify-end text-sm text-slate-600 ">
<!--
{#if roles.has("data_catalogue_admin") || roles.has("data_catalogue_support")}
<li
......@@ -92,7 +92,7 @@
</li>
-->
<li
class="portal mx-2 text-slate-600 hover:bg-gray-100 rounded-lg"
class="portal mx-2 rounded-lg text-slate-600 hover:bg-gray-100"
class:~info={pathname === "/studies"}
class:active={pathname === "/studies"}
>
......@@ -103,7 +103,7 @@
>
</li>
<li
class="portal mx-2 text-slate-600 hover:bg-gray-100 rounded-lg"
class="portal mx-2 rounded-lg text-slate-600 hover:bg-gray-100"
class:~info={pathname === "/guide"}
class:active={pathname === "/guide"}
>
......@@ -127,7 +127,7 @@
</li>
-->
<li
class="portal mx-2 text-slate-600 hover:bg-gray-100 rounded-lg"
class="portal mx-2 rounded-lg text-slate-600 hover:bg-gray-100"
class:~info={pathname === "/me/cart"}
class:active={pathname === "me/cart"}
>
......@@ -148,7 +148,7 @@
</label>
<select
class="border-0 portal mx-2 text-slate-600 hover:bg-gray-100 rounded-lg"
class="portal mx-2 rounded-lg border-0 text-slate-600 hover:bg-gray-100"
on:blur={setLanguage}
on:change={setLanguage}
>
......
......@@ -59,18 +59,18 @@
</script>
<div
class="bg-white px-4 py-3 flex items-center justify-between border-t
border-gray-200 sm:px-6"
class="flex items-center justify-between border-t border-gray-200 bg-white px-4
py-3 sm:px-6"
>
<div class="flex-1 flex justify-between sm:hidden">
<div class="flex flex-1 justify-between sm:hidden">
{#if offset > 0}
<a
href={newUrl(url, query, { offset: Math.max(offset - limit, 0) })}
class="relative inline-flex items-center px-4 py-2 border
border-gray-300 text-sm leading-5 font-medium rounded-md text-gray-700
bg-white hover:text-gray-500 focus:outline-none
focus:shadow-outline-indigo focus:border-indigo-300 active:bg-gray-100
active:text-gray-700 transition ease-in-out duration-150"
class="focus:shadow-outline-indigo relative inline-flex items-center rounded-md border
border-gray-300 bg-white px-4 py-2 text-sm font-medium
leading-5 text-gray-700 transition
duration-150 ease-in-out hover:text-gray-500
focus:border-indigo-300 focus:outline-none active:bg-gray-100 active:text-gray-700"
>
{$t("Previous")}
</a>
......@@ -85,11 +85,11 @@
{#if count == null || offset + limit < count}
<a
href={newUrl(url, query, { offset: offset + limit })}
class="ml-3 relative inline-flex items-center px-4 py-2 border
border-gray-300 text-sm leading-5 font-medium rounded-md text-gray-700
bg-white hover:text-gray-500 focus:outline-none
focus:shadow-outline-indigo focus:border-indigo-300 active:bg-gray-100
active:text-gray-700 transition ease-in-out duration-150"
class="focus:shadow-outline-indigo relative ml-3 inline-flex items-center rounded-md border
border-gray-300 bg-white px-4 py-2 text-sm font-medium
leading-5 text-gray-700 transition
duration-150 ease-in-out hover:text-gray-500
focus:border-indigo-300 focus:outline-none active:bg-gray-100 active:text-gray-700"
>
{$t("Next")}
</a>
......@@ -102,7 +102,7 @@
</span>
{/if}
</div>
<div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
<div class="hidden sm:flex sm:flex-1 sm:items-center sm:justify-between">
<div>
<p class="text-sm leading-5 text-gray-700">
{#if currentPageCount === 0}
......@@ -124,11 +124,11 @@
<span class="relative z-0 inline-flex shadow-sm">
{#if offset > 0}
<a
class="relative inline-flex items-center px-2 py-2 rounded-l-md
border border-gray-300 bg-white text-sm leading-5 font-medium
text-gray-500 hover:text-gray-400 focus:z-10 focus:outline-none
focus:border-indigo-300 focus:shadow-outline-indigo active:bg-gray-100
active:text-gray-500 transition ease-in-out duration-150"
class="focus:shadow-outline-indigo relative inline-flex items-center rounded-l-md border
border-gray-300 bg-white px-2 py-2 text-sm font-medium
leading-5 text-gray-500 transition duration-150
ease-in-out hover:text-gray-400 focus:z-10
focus:border-indigo-300 focus:outline-none active:bg-gray-100 active:text-gray-500"
href={newUrl(url, query, {
offset: Math.max(offset - limit, 0),
})}
......@@ -160,11 +160,11 @@
{#each [offset - 3 * limit, offset - 2 * limit, offset - limit] as previousOffset (previousOffset)}
{#if previousOffset >= 0 && (count == null || previousOffset < count)}
<a
class="relative inline-flex items-center px-2 py-2 rounded-l-md
border border-gray-300 bg-white text-sm leading-5 font-medium
text-gray-500 hover:text-gray-400 focus:z-10 focus:outline-none
focus:border-indigo-300 focus:shadow-outline-indigo active:bg-gray-100
active:text-gray-500 transition ease-in-out duration-150"
class="focus:shadow-outline-indigo relative inline-flex items-center rounded-l-md border
border-gray-300 bg-white px-2 py-2 text-sm font-medium
leading-5 text-gray-500 transition duration-150
ease-in-out hover:text-gray-400 focus:z-10
focus:border-indigo-300 focus:outline-none active:bg-gray-100 active:text-gray-500"
href={newUrl(url, query, { offset: previousOffset })}
>
{pageNumber(limit, previousOffset)}
......@@ -172,8 +172,8 @@
{/if}
{/each}
<span
class="-ml-px relative inline-flex items-center px-4 py-2 border
border-gray-300 bg-white text-sm leading-5 font-medium text-gray-700"
class="relative -ml-px inline-flex items-center border border-gray-300 bg-white
px-4 py-2 text-sm font-medium leading-5 text-gray-700"
>
{pageNumber(limit, offset)}
<span class="sr-only">(current)</span>
......@@ -181,11 +181,11 @@
{#each [offset + limit, offset + 2 * limit, offset + 3 * limit] as nextOffset (nextOffset)}
{#if nextOffset >= 0 && (count == null || nextOffset < count)}
<a
class="relative inline-flex items-center px-2 py-2 rounded-l-md
border border-gray-300 bg-white text-sm leading-5 font-medium
text-gray-500 hover:text-gray-400 focus:z-10 focus:outline-none
focus:border-indigo-300 focus:shadow-outline-indigo active:bg-gray-100
active:text-gray-500 transition ease-in-out duration-150"
class="focus:shadow-outline-indigo relative inline-flex items-center rounded-l-md border
border-gray-300 bg-white px-2 py-2 text-sm font-medium
leading-5 text-gray-500 transition duration-150
ease-in-out hover:text-gray-400 focus:z-10
focus:border-indigo-300 focus:outline-none active:bg-gray-100 active:text-gray-500"
href={newUrl(url, query, { offset: nextOffset })}
>
{pageNumber(limit, nextOffset)}
......@@ -194,11 +194,11 @@
{/each}
{#if count == null || offset + limit < count}
<a
class="relative inline-flex items-center px-2 py-2 rounded-l-md
border border-gray-300 bg-white text-sm leading-5 font-medium
text-gray-500 hover:text-gray-400 focus:z-10 focus:outline-none
focus:border-indigo-300 focus:shadow-outline-indigo active:bg-gray-100
active:text-gray-500 transition ease-in-out duration-150"
class="focus:shadow-outline-indigo relative inline-flex items-center rounded-l-md border
border-gray-300 bg-white px-2 py-2 text-sm font-medium
leading-5 text-gray-500 transition duration-150
ease-in-out hover:text-gray-400 focus:z-10
focus:border-indigo-300 focus:outline-none active:bg-gray-100 active:text-gray-500"
href={newUrl(url, query, { offset: offset + limit })}
>
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
......
......@@ -111,7 +111,7 @@
<section class="my-4">
<form on:submit|preventDefault={search}>
<div class="flex flex-wrap items-stretch w-full bg-white">
<div class="flex w-full flex-wrap items-stretch bg-white">
<Autocomplete
divClass="grow"
forceSelectionOnEnter={false}
......@@ -126,7 +126,7 @@
bind:term
/>
<button
class="button ~neutral @low ml-0 bg-slate-500 text-white"
class="@low button ml-0 bg-slate-500 text-white ~neutral"
type="submit">{$t("Search")}</button
>
</div>
......
......@@ -67,19 +67,19 @@
</script>
<section
class="h-auto w-auto border bg-white border-gray-100 mb-2 rounded shadow"
class="mb-2 h-auto w-auto rounded border border-gray-100 bg-white shadow"
>
<div
class="flex flex-col h-auto w-auto px-4 py-2 border-l-4 border-red-300 rounded"
class="flex h-auto w-auto flex-col rounded border-l-4 border-red-300 px-4 py-2"
>
<!-- zone top blanche avec le titre en bold-->
<div
class="flex flex-row justify h-auto w-auto px-0 py-4 text-sm text-gray-500 font-bold text-left"
class="justify flex h-auto w-auto flex-row px-0 py-4 text-left text-sm font-bold text-gray-500"
>
<div class="flex w-full">
<div class="shrink-0 h-auto mx-2">Série :</div>
<div class="mx-2 h-auto shrink-0">Série :</div>
<a
class="h-auto mx-2 w-auto"
class="mx-2 h-auto w-auto"
href="/series/{series.path}"
target="_blank"
>
......@@ -96,7 +96,7 @@
</div>
<!-- zone middle grise avec une icone et les identifiants en rouge-->
<div
class="flex flex-row h-14 w-auto mx-10 my-2 px-2 py-2 bg-white rounded-sm"
class="mx-10 my-2 flex h-14 w-auto flex-row rounded-sm bg-white px-2 py-2"
>
<div>
<img class="h-10 w-12" src="/img/series-red.png" alt="project icon" />
......@@ -125,7 +125,7 @@
</div>
<!-- Zone bottom blanche avec producer-->
<div
class="flex flex-wrap h-auto w-auto mx-10 px-2 my-2 py-2 text-xs text-gray-500"
class="mx-10 my-2 flex h-auto w-auto flex-wrap px-2 py-2 text-xs text-gray-500"
>
{#if producers.length > 0}
<p class="pr-1">
......
......@@ -98,13 +98,13 @@
</script>
<!-- grid-->
<div class="flex flex-wrap -mx-4 text-gray-800">
<div class="-mx-4 flex flex-wrap text-gray-800">
<!-- grid: top left element with level or image -->
<div
class="mb-1 py-2 px-4 overflow-hidden h-40 w-1/4 bg-gray-100 rounded shadow"
class="mb-1 h-40 w-1/4 overflow-hidden rounded bg-gray-100 py-2 px-4 shadow"
>
<div class="flex flex-row h-auto w-auto m-0 px-0 py-0 items-center">
<div class="m-0 flex h-auto w-auto flex-row items-center px-0 py-0">
<img
class="h-auto w-auto"
src="/img/series-enquetes.png"
......@@ -123,10 +123,10 @@
<!-- grid: top right element with series title-->
<div
class="py-6 pl-12 pr-4 overflow-hidden h-40 w-3/4 text-gray-600 bg-gray-50"
class="h-40 w-3/4 overflow-hidden bg-gray-50 py-6 pl-12 pr-4 text-gray-600"
>
<div class="flex justify-between mb-2">
<h1 class="text-2xl mb-2">{series.title.replace('"', "")}</h1>
<div class="mb-2 flex justify-between">
<h1 class="mb-2 text-2xl">{series.title.replace('"', "")}</h1>
<button on:click={toggleCart}>
{#if studiesPath.every((studyPath) => currentCart.includes(studyPath))}
{$t("Remove from cart")}
......@@ -146,7 +146,7 @@
<!-- grid: bottom left element with some informations-->
<div
class="flex flex-col py-6 pr-12 pl-4 overflow-hidden w-1/4 bg-gray-100 rouded shadow"
class="rouded flex w-1/4 flex-col overflow-hidden bg-gray-100 py-6 pr-12 pl-4 shadow"
>
<ul class="text-xs text-gray-500">
<hr class="sep h-8" />
......@@ -240,15 +240,15 @@
<!-- grid: bottom right container with serie content -->
<div class="my-6 px-8 overflow-hidden w-3/4 items-center">
<div class="mx-2 min-h-120 text-gray-700">
<div class="my-6 w-3/4 items-center overflow-hidden px-8">
<div class="min-h-120 mx-2 text-gray-700">
<!-- {#if codeBook != null} -->
<!-- ONGLET DESCRIPTION -->
<div class="flex flex-col overflow-hidden ml-0 mr-12 my-4 px-2">
<h4 class="font-bold text-base">{$t("Abstract")}{$t("colon")}</h4>
<p class="text-sm whitespace-pre-line">
<div class="my-4 ml-0 mr-12 flex flex-col overflow-hidden px-2">
<h4 class="text-base font-bold">{$t("Abstract")}{$t("colon")}</h4>
<p class="whitespace-pre-line text-sm">
{codeBook?.stdyDscr.citation.serStmt?.serInfo}
</p>
<hr class="sep h-6" />
......@@ -267,8 +267,8 @@
<!-- ONGLET STUDIES -->
<div class="flex flex-col overflow-hidden ml-6 mr-6 my-4">
<h4 class="font-bold text-base my-4">{$t("Datasets")}{$t("colon")}</h4>
<div class="my-4 ml-6 mr-6 flex flex-col overflow-hidden">
<h4 class="my-4 text-base font-bold">{$t("Datasets")}{$t("colon")}</h4>
{#if studies != null}
<List>
{#each studies as study}
......
......@@ -14,13 +14,13 @@
<!-- STATISTICS -->
<section class="container flex items-center justify-center mx-auto text-center">
<section class="container mx-auto flex items-center justify-center text-center">
<!-- STATISTICS WITH PICTOGRAMS -->
{#each statistics as stat}
{#if stat.value != null}
<div class="px-1 w-1/2 sm:w-1/6">
<div class="w-1/2 px-1 sm:w-1/6">
<div
class="border-2 border-gray-100 text-slate-600 bg-white opacity-100 px-3 py-3 shadow-sm rounded-md md:h-36"
class="rounded-md border-2 border-gray-100 bg-white px-3 py-3 text-slate-600 opacity-100 shadow-sm md:h-36"
>
<svg
fill="none"
......@@ -28,18 +28,18 @@
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="text-red-400 w-6 h-6 mb-3 inline-block"
class="mb-3 inline-block h-6 w-6 text-red-400"
viewBox="0 0 24 24"
>
<path d="M8 17l4 4 4-4m-4-5v9" />
<path d="M20.88 18.09A5 5 0 0018 9h-1.26A8 8 0 103 16.29" />
</svg>
<h2