fix: asset list responsive style (#121)

hyperweb-io · Nov 13, 2023 · e65bd3d · e65bd3d
1 parent 00340e0
commit e65bd3d
Show file tree

Hide file tree

Showing 13 changed files with 313 additions and 240 deletions.
diff --git a/packages/react/stories/asset/CrossChain.stories.tsx b/packages/react/stories/asset/CrossChain.stories.tsx
@@ -15,16 +15,25 @@ type Story = StoryObj<typeof meta>;
 
 export const Primary: Story = {
   args: {
-    header: {
-      total: "144.23",
-      totalOnAll: "732.16",
-      onDeposit: () => {
-        console.log("onDeposit");
+    title: "Your assets",
+    multiChainHeader: [
+      {
+        label: "Total on Osmosis",
+        value: "144.23",
       },
-      onWithdraw: () => {
-        console.log("onWithdraw");
+      {
+        label: "Total across all chains",
+        value: "732.16",
       },
+    ],
+    onDeposit: () => {
+      console.log("onDeposit");
+    },
+    onWithdraw: () => {
+      console.log("onWithdraw");
     },
+    listTitle: "On Osmosis",
+    otherListTitle: "On other chains",
     list: [
       {
         imgSrc:

diff --git a/packages/react/stories/asset/SingleChain.stories.tsx b/packages/react/stories/asset/SingleChain.stories.tsx
@@ -15,14 +15,17 @@ type Story = StoryObj<typeof meta>;
 
 export const Primary: Story = {
   args: {
-    header: {
-      total: "144.23",
-      onDeposit: () => {
-        console.log("onDeposit");
-      },
-      onWithdraw: () => {
-        console.log("onWithdraw");
-      },
+    title: "Your asset",
+    listTitle: "On Osmosis",
+    onDeposit: () => {
+      console.log("onDeposit");
+    },
+    onWithdraw: () => {
+      console.log("onWithdraw");
+    },
+    singleChainHeader: {
+      label: "Total on Osmosis",
+      value: "144.23",
     },
     list: [
       {

diff --git a/src/ui/asset-list-header/asset-list-header.css.ts b/src/ui/asset-list-header/asset-list-header.css.ts