Fix/relative css imports (#432)

* fix: relative css file imports * chore: revert previous unused fixes * fix: relative path to logo in storybook theme
nearform · Apr 17, 2024 · e8bbd3e · e8bbd3e
1 parent d2b0c88
commit e8bbd3e
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 9 deletions.
diff --git a/.github/workflows/deploy-github-pages.yml b/.github/workflows/deploy-github-pages.yml
@@ -32,7 +32,7 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
       - run: npm ci
-      - run: BASE_PATH=/quantum npm run build-storybook
+      - run: npm run build-storybook
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Upload artifact

diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -28,8 +28,6 @@ const config: StorybookConfig = {
       }
     }
 
-    config.base = process.env.BASE_PATH || config.base
-
     return config
   }
 }

diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
@@ -2,7 +2,7 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
   rel="stylesheet" />
-<link href="/manager.css" rel="stylesheet" />
+<link href="./manager.css" rel="stylesheet" />
 <style>
   iframe#storybook-preview-iframe {
     background-color: transparent;

diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -2,4 +2,4 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
   rel="stylesheet" />
-<link href="/preview.css" rel="stylesheet" />
+<link href="./preview.css" rel="stylesheet" />
diff --git a/.storybook/theme.ts b/.storybook/theme.ts
@@ -1,10 +1,10 @@
-import { create } from '@storybook/theming/create';
-import colors from '../src/colors';
+import { create } from '@storybook/theming/create'
+import colors from '../src/colors'
 
 export default create({
   base: 'light',
   brandTitle: 'Quantum',
-  brandImage: '/quantum-logo-light.png',
+  brandImage: './quantum-logo-light.png',
 
   fontBase: 'Inter',
 
@@ -34,4 +34,4 @@ export default create({
   inputBorder: '#97A1B8',
   inputTextColor: '#111928',
   inputBorderRadius: 2
-});
+})
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,8 +28,6 @@ const config: StorybookConfig = { @@
           }
         }
-        config.base = process.env.BASE_PATH || config.base
         return config
       }
     }
@@ Expand Down @@