upgrade to tailwind 4

This commit is contained in:
jfriedli 2025-03-29 15:20:52 +00:00
parent b3d5d400f3
commit a5c6cfe808
8 changed files with 1495 additions and 2421 deletions

View file

@ -1,7 +1,7 @@
{% extends "base.html" %}
{% block content %}
<div class="grid grid-rows-1 w-50">
<div class="grid grid-rows-1">
<div class="grid grid-rows-1">
{% if not meta_after %}
<div class="px-6 py-4 grid grid-rows-1">
@ -22,7 +22,7 @@
</div>
<div class="flex justify-center mt-8">
<div class="rounded w-50 overflow-hidden shadow-lg p-4">
<div class="rounded-sm overflow-hidden shadow-lg p-4">
{% if not meta_after %}
<p class="text-gray-700 text-base text-center">
<svg class="max-h-40 w-full fill-current text-green-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
@ -48,7 +48,7 @@
<a class="uk-flex-1" href='{{ download_uri }}'>
<button
class="w-full bg-blue-dark hover:bg-blue-700 text-white py-2 px-4 rounded flex justify-center"
class="w-full bg-blue-dark hover:bg-blue-700 text-white py-2 px-4 rounded-sm flex justify-center"
>
<svg class="w-4 h-4 mr-2 text-white self-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path style="fill: white" d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" />
@ -60,7 +60,7 @@
</div>
{% if meta_after %}
<div class="mx-auto w-full">
<div class="bg-white shadow-md rounded my-6">
<div class="bg-white shadow-md rounded-sm my-6">
<table class="text-left w-full border-collapse">
<div class="px-6 py-4 grid grid-rows-1">
<h1 class="font-light text-center text-4xl">Remaining Metadata</h1>

View file

@ -9,13 +9,13 @@
</div>
<div class="flex justify-center mt-8">
<div class="w-50 rounded overflow-hidden shadow-lg pb-4">
<div class="rounded-sm overflow-hidden shadow-lg pb-4">
<div class="px-6 pt-4 pb-2 grid grid-rows-1">
<form method="post" enctype="multipart/form-data" class="grid grid-rows-1">
<label class="text-gray-700 text-sm text-opacity-80 mb-2" for="upload_file">Choose your file to clean</label>
<input class="border rounded" aria-label="" type="file" name="file" id="upload_file" accept="{{ mimetypes | join(', ') }}">
<input class="border rounded-sm" aria-label="" type="file" name="file" id="upload_file" accept="{{ mimetypes | join(', ') }}">
<button
class="w-full mt-4 bg-blue-dark hover:bg-blue-700 text-white py-2 px-4 rounded flex justify-center"
class="w-full mt-4 bg-blue-dark hover:bg-blue-700 text-white py-2 px-4 rounded-sm flex justify-center"
type="submit"
value="Upload"
>
@ -31,7 +31,7 @@
</div>
</div>
<button
class="p-0 w-10 h-10 absolute bottom-8 md:bottom-16 lg:bottom-24 right-8 md:right-16 lg:right-24 bg-blue-300 hover:bg-blue-400 rounded-full active:shadow-lg mouse shadow transition ease-in duration-200 focus:outline-none">
class="p-0 w-10 h-10 absolute bottom-8 md:bottom-16 lg:bottom-24 right-8 md:right-16 lg:right-24 bg-blue-300 hover:bg-blue-400 rounded-full active:shadow-lg mouse shadow-sm transition ease-in duration-200 focus:outline-hidden">
<a href="/info" role="link" class="w-6 h-6 text-white inline-block font-bold">
?
</a>

View file

@ -64,7 +64,7 @@
</h1>
<div>
{% for extension in extensions %}
<span class="rounded-full bg-blue text-white p-2 mb-2 mr-2 rounded float-left">
<span class="rounded-full bg-blue text-white p-2 mb-2 mr-2 rounded-sm float-left">
{{ extension }}
</span>
{% endfor %}