Add TailwindCSS (#1252)

* Setup TailwindCSS

* Fully setup configuration

* Refactor some tailwind variables

apps/frontend/src/pages/legal/ccpa.vue

@@ -453,12 +453,12 @@
 
 <script setup>
 const description =
-  'The California Privacy Notice of Modrinth, an open source modding platform focused on Minecraft.'
+  "The California Privacy Notice of Modrinth, an open source modding platform focused on Minecraft.";
 
 useSeoMeta({
-  title: 'California Privacy Notice - Modrinth',
+  title: "California Privacy Notice - Modrinth",
   description,
-  ogTitle: 'California Privacy Notice',
+  ogTitle: "California Privacy Notice",
   ogDescription: description,
-})
+});
 </script>

apps/frontend/src/pages/legal/cmp-info.vue

@@ -90,12 +90,12 @@
 
 <script setup>
 const description =
-  'Information about the Rewards Program of Modrinth, an open source modding platform focused on Minecraft.'
+  "Information about the Rewards Program of Modrinth, an open source modding platform focused on Minecraft.";
 
 useSeoMeta({
-  title: 'Rewards Program Information - Modrinth',
+  title: "Rewards Program Information - Modrinth",
   description,
-  ogTitle: 'Rewards Program Information',
+  ogTitle: "Rewards Program Information",
   ogDescription: description,
-})
+});
 </script>

apps/frontend/src/pages/legal/cmp.vue

@@ -75,12 +75,12 @@
 
 <script setup>
 const description =
-  'The Rewards Program Terms of Modrinth, an open source modding platform focused on Minecraft.'
+  "The Rewards Program Terms of Modrinth, an open source modding platform focused on Minecraft.";
 
 useSeoMeta({
-  title: 'Rewards Program Terms - Modrinth',
+  title: "Rewards Program Terms - Modrinth",
   description,
-  ogTitle: 'Rewards Program Terms',
+  ogTitle: "Rewards Program Terms",
   ogDescription: description,
-})
+});
 </script>

apps/frontend/src/pages/legal/copyright.vue

@@ -103,12 +103,12 @@
 
 <script setup>
 const description =
-  'The Copyright Policy of Modrinth, an open source modding platform focused on Minecraft.'
+  "The Copyright Policy of Modrinth, an open source modding platform focused on Minecraft.";
 
 useSeoMeta({
-  title: 'Copyright Policy - Modrinth',
+  title: "Copyright Policy - Modrinth",
   description,
-  ogTitle: 'Copyright Policy',
+  ogTitle: "Copyright Policy",
   ogDescription: description,
-})
+});
 </script>

apps/frontend/src/pages/legal/privacy.vue

@@ -310,12 +310,12 @@
 
 <script setup>
 const description =
-  'The Privacy Policy of Modrinth, an open source modding platform focused on Minecraft.'
+  "The Privacy Policy of Modrinth, an open source modding platform focused on Minecraft.";
 
 useSeoMeta({
-  title: 'Privacy Policy - Modrinth',
+  title: "Privacy Policy - Modrinth",
   description,
-  ogTitle: 'Privacy Policy',
+  ogTitle: "Privacy Policy",
   ogDescription: description,
-})
+});
 </script>

apps/frontend/src/pages/legal/rules.vue

@@ -177,12 +177,12 @@
 
 <script setup>
 const description =
-  'The Content Rules of Modrinth, an open source modding platform focused on Minecraft.'
+  "The Content Rules of Modrinth, an open source modding platform focused on Minecraft.";
 
 useSeoMeta({
-  title: 'Content Rules - Modrinth',
+  title: "Content Rules - Modrinth",
   description,
-  ogTitle: 'Content Rules',
+  ogTitle: "Content Rules",
   ogDescription: description,
-})
+});
 </script>

apps/frontend/src/pages/legal/security.vue

@@ -54,12 +54,12 @@
 
 <script setup>
 const description =
-  'The Security Notice of Modrinth, an open source modding platform focused on Minecraft.'
+  "The Security Notice of Modrinth, an open source modding platform focused on Minecraft.";
 
 useSeoMeta({
-  title: 'Security Notice - Modrinth',
+  title: "Security Notice - Modrinth",
   description,
-  ogTitle: 'Security Notice',
+  ogTitle: "Security Notice",
   ogDescription: description,
-})
+});
 </script>

apps/frontend/src/pages/legal/terms.vue

@@ -548,12 +548,12 @@
 
 <script setup>
 const description =
-  'The Terms of Use of Modrinth, an open source modding platform focused on Minecraft.'
+  "The Terms of Use of Modrinth, an open source modding platform focused on Minecraft.";
 
 useSeoMeta({
-  title: 'Terms of Use - Modrinth',
+  title: "Terms of Use - Modrinth",
   description,
-  ogTitle: 'Terms of Use',
+  ogTitle: "Terms of Use",
   ogDescription: description,
-})
+});
 </script>