chore: import blueprint-select css in storybook and app setups

zakodium-oss · Jan 24, 2025 · 49becb5 · 49becb5
1 parent 01d1e95
commit 49becb5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -4,6 +4,7 @@ import { RootLayoutDecorator } from '../stories/utils.js';
 import '../styles/storybook-globals.css';
 import '../styles/preflight.css';
 import '@blueprintjs/core/lib/css/blueprint.css';
+import '@blueprintjs/select/lib/css/blueprint-select.css';
 import '@blueprintjs/icons/lib/css/blueprint-icons.css';
 
 const preview: Preview = {

diff --git a/src/pages/demo/App.tsx b/src/pages/demo/App.tsx
@@ -11,6 +11,7 @@ import {
 import MainLayout from './MainLayout.js';
 
 import '@blueprintjs/core/lib/css/blueprint.css';
+import '@blueprintjs/select/lib/css/blueprint-select.css';
 import '@blueprintjs/icons/lib/css/blueprint-icons.css';
 import { queryClient } from './query_client.js';
 

diff --git a/stories/components/select.stories.tsx b/stories/components/select.stories.tsx
@@ -387,10 +387,12 @@ export function WithCustomStyle() {
   );
 }
 
-const Row = styled.div({
-  display: 'flex',
-  flexDirection: 'row',
-});
+const Row = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 5px;
+`;
 
 const Tag = styled.div({
   borderRadius: '25px',
@@ -417,7 +419,7 @@ export function WithCustomRenderItem() {
         >
           <span>{label.charAt(0)}</span>
         </Tag>
-        <span style={{ flex: 1, padding: '0 5px' }}>{label}</span>
+        <span style={{ flex: 1 }}>{label}</span>
         <Tag
           style={{
             border: `${color} 1px solid`,