Fix incorrect calculation of tailwind spacing

Originally, 90 = 90rem = 90 * 16 = 1440. So after we add more spacing variants, the variant we actually want is 1440 / 4 = 360. I also increase the maximum number to 360.
authgear · Jul 9, 2024 · dcfdaae · dcfdaae
1 parent a27b78c
commit dcfdaae
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/authui/tailwind.config.js b/authui/tailwind.config.js
@@ -31,7 +31,7 @@ module.exports = {
       maxWidth: (theme) => theme("spacing"),
       spacing: () => {
         const spacing = {};
-        for (let i = 0; i <= 300; i += 0.5) {
+        for (let i = 0; i <= 360; i += 0.5) {
           spacing[i] = `${i * 0.25}rem`;
         }
         return spacing;

diff --git a/resources/authgear/templates/en/web/__page_frame.html b/resources/authgear/templates/en/web/__page_frame.html
@@ -32,7 +32,7 @@
 {{ template "__message_bar.html" . }}
 <div id="loading-progress-bar"></div>
 {{ template "__tutorial.html" . }}
-<div class="max-w-22.5 m-auto">
+<div class="max-w-360 m-auto">
 	<div class="grid grid-cols-6 tablet:grid-cols-12 desktop:grid-cols-12 gap-x-4 auto-rows-auto mx-4 tablet:mx-4 desktop:mx-6 mb-8">
 		<div class="col-start-1 col-span-6 tablet:col-start-4 tablet:col-span-6 desktop:col-start-5 desktop:col-span-4">
 			<div class="page-header">

diff --git a/resources/authgear/templates/en/web/__wide_page_frame.html b/resources/authgear/templates/en/web/__wide_page_frame.html
@@ -15,7 +15,7 @@
 {{ template "__message_bar.html" . }}
 <div id="loading-progress-bar"></div>
 {{ template "__tutorial.html" . }}
-<div class="max-w-22.5 m-auto">
+<div class="max-w-360 m-auto">
 	<div class="grid grid-cols-6 tablet:grid-cols-12 desktop:grid-cols-12 gap-x-4 auto-rows-auto mx-4 tablet:mx-4 desktop:mx-6 mb-8">
 		<div class="col-start-1 col-span-6 tablet:col-start-3 tablet:col-span-8 desktop:col-start-4 desktop:col-span-6">
 			{{ template "__header.html" . }}

diff --git a/resources/authgear/templates/en/web/app_not_found.html b/resources/authgear/templates/en/web/app_not_found.html
@@ -37,7 +37,7 @@
 {{ template "__message_bar.html" . }}
 <div id="loading-progress-bar"></div>
 {{ template "__tutorial.html" . }}
-<div class="max-w-22.5 m-auto">
+<div class="max-w-360 m-auto">
 <div class="grid grid-cols-6 tablet:grid-cols-12 desktop:grid-cols-12 gap-x-4 auto-rows-auto mx-4 tablet:mx-4 desktop:mx-6 mb-8">
 <div class="col-start-1 col-span-6 tablet:col-start-4 tablet:col-span-6 desktop:col-start-5 desktop:col-span-4">
 <div class="page-header">