Fix the ring colors for swag-shop

nais · Jun 6, 2023 · 5d69871 · 5d69871
1 parent f67c1ce
commit 5d69871
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/swag-shop/pages/api/swag.ts b/swag-shop/pages/api/swag.ts
@@ -35,7 +35,7 @@ export const swags: Swag[] = [
     ],
     colors: [
       { name: 'White', class: 'bg-white', selectedClass: 'ring-gray-400' },
-      { name: 'Blue', class: 'bg-blue-900', selectedClass: 'ringeblue-950' },
+      { name: 'Blue', class: 'bg-blue-900', selectedClass: 'ring-blue-950' },
       { name: 'Black', class: 'bg-gray-900', selectedClass: 'ring-gray-900' },
     ],
     sizes: [

diff --git a/swag-shop/tailwind.config.js b/swag-shop/tailwind.config.js
@@ -5,14 +5,18 @@ const colors = require('tailwindcss/colors')
 // doesn't know about dynamic classes and will purge them by default
 const colorClasses = [
   'red-900',
+  'red-950',
   'blue-900',
+  'blue-950',
+  'gray-400',
   'gray-900',
 ];
 
 module.exports = {
   content: ["./pages/**/*.{tsx,jsx}", "./components/**/*.{tsx,jsx}"],
   safelist: [
     ...colorClasses.map(color => `bg-${color}`),
+    ...colorClasses.map(color => `ring-${color}`),
   ],
   theme: {
     extend: {