upgrade to tailwind 4v0.8.12

3 files changed, 9 insertions, 9 deletions

diff --git a/templates/download.html b/templates/download.html
index 2808a57..5fb245a 100644
--- a/templates/download.html
+++ b/templates/download.html
@@ -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>
diff --git a/templates/index.html b/templates/index.html
index 70aa259..bed0008 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -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>
diff --git a/templates/info.html b/templates/info.html
index a2d9c92..7e6155d 100644
--- a/templates/info.html
+++ b/templates/info.html
@@ -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 %}