Improved styling

miawinter98 · Mar 11, 2024 · 587d6ca · 587d6ca
1 parent a9269ec
commit 587d6ca
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/Wave/Components/Pages/Home.razor b/Wave/Components/Pages/Home.razor
@@ -65,8 +65,8 @@
 		</section>
 	</div>
 	@if (Featured is {} featured) {
-		<div class="sm:col-span-2 row-span-2 aspect-square xl:order-first">
-			<ArticleLink Article="featured" class="">
+		<div class="sm:col-span-2 row-span-2 aspect-square xl:order-first" style="padding: 0 4px 4px 0">
+			<ArticleLink Article="featured">
 				<article class="relative h-full bg-secondary text-secondary-content border-2 border-current shadow-[4px_4px_0_0_currentColor]">
 					<div class="absolute inset-8 overflow-hidden fade-away">
 						<div class="mb-3">

diff --git a/Wave/tailwind.config.js b/Wave/tailwind.config.js
@@ -1,3 +1,4 @@
+
 /** @type {import('tailwindcss').Config} */
 const defaultTheme = require('tailwindcss/defaultTheme')
 
@@ -46,6 +47,11 @@ module.exports = {
         fontWeight: {
             normal: '400',
             bold: '700'
+        },
+        borderRadius: {
+            DEFAULT: '0.1rem',
+            'md': '0.2rem',
+            'lg': '0.35rem',
         }
     },
     plugins: [require("daisyui"), require('@tailwindcss/typography')],
@@ -74,9 +80,9 @@ module.exports = {
                     "error": "#B3020E",
                     "error-content": "#FFFFFF",
 
-                    "--rounded-box": "0.5rem",
+                    "--rounded-box": "0.2rem",
                     "--rounded-btn": "0.2rem",
-                    "--rounded-badge": "0.2rem",
+                    "--rounded-badge": "0.2rem"
                 }
             },
             {
@@ -101,9 +107,9 @@ module.exports = {
                     "error": "#610107",
                     "error-content": "#FFFFFF",
 
-                    "--rounded-box": "0.5rem",
+                    "--rounded-box": "0.2rem",
                     "--rounded-btn": "0.2rem",
-                    "--rounded-badge": "0.2rem",
+                    "--rounded-badge": "0.2rem"
                 }
             },
             {

diff --git a/Wave/wwwroot/css/main.min.css b/Wave/wwwroot/css/main.min.css