Merge pull request #18 from grzegorzxpatyk/develop

Fix bg-gradient performance
grzegorzxpatyk · Oct 16, 2023 · 1504670 · 1504670
2 parents 00c0be6 + 7d58602
commit 1504670
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -11,7 +11,7 @@
 </svelte:head>
 
 <main
-	class="min-h-screen h-fit flex flex-col bg-100% m-0 bg-fixed bg-no-repeat bg-zinc-100 bg-opacity-70 dark:bg-gradient-to-t dark:from-dark-blue-gradient dark:to-dark-gray-gradient p-0 sm:p-6 md:p-12 lg:p-24 print:p-0 print:lg:p-0 print:md:p-0 print:sm:p-0 print:m-0 print:pt-12"
+	class="min-h-screen h-fit flex flex-col bg-100% m-0 bg-fixed bg-no-repeat bg-zinc-100 bg-opacity-70 dark:bg-zinc-900 dark:bg-opacity-90 p-0 sm:p-6 md:p-12 lg:p-24 print:p-0 print:lg:p-0 print:md:p-0 print:sm:p-0 print:m-0 print:pt-12"
 >
 	<div
 		class="sm:p-5 print:p-0 text-zinc-950 dark:text-zinc-300 flex flex-col justify-center items-start md:grid md:grid-cols-4 print:grid print:grid-cols-6 print:md:grid-cols-6"

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,10 +4,6 @@ export default {
   darkMode: 'class',
   theme: {
     extend: {
-      colors: {
-        'dark-blue-gradient': 'rgba(10, 18, 47, 0.8)',
-        'dark-gray-gradient': 'rgba(0, 0, 0, 0.8)'
-      },
       backgroundImage: {
         'noise': "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")"
       },