refactor(dw): styles

kadena-community · Oct 10, 2024 · fd09cef · fd09cef
1 parent 92e8e8f
commit fd09cef
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 11 deletions.
diff --git a/packages/apps/dev-wallet/src/Components/Sidebar/Sidebar.tsx b/packages/apps/dev-wallet/src/Components/Sidebar/Sidebar.tsx
@@ -11,6 +11,7 @@ import { Box, Divider, Heading, Stack, Text } from '@kadena/kode-ui';
 import type { FC } from 'react';
 import { NavLink, useParams } from 'react-router-dom';
 import {
+  fullHightClass,
   sidebarClass,
   sidebarLinkClass,
   sidebarMenuClass,
@@ -21,11 +22,7 @@ export const Sidebar: FC = () => {
   useParams();
   return (
     <Box paddingBlockStart="xxl" padding="xl" className={sidebarClass}>
-      <aside
-        style={{
-          height: '100%',
-        }}
-      >
+      <aside className={fullHightClass}>
         <Stack marginBlockStart="md" height="100%">
           <ul className={sidebarMenuClass}>
             <Stack flexDirection={'column'} gap={'xxs'}>

diff --git a/packages/apps/dev-wallet/src/Components/Sidebar/style.css.ts b/packages/apps/dev-wallet/src/Components/Sidebar/style.css.ts
@@ -56,3 +56,11 @@ export const sidebarLinkClass = style([
     },
   },
 ]);
+
+export const fullHightClass = style({
+  height: '100%',
+});
+
+export const displayContentsClass = style({
+  display: 'contents',
+});
diff --git a/packages/apps/dev-wallet/src/pages/networks/Components/network-form.tsx b/packages/apps/dev-wallet/src/pages/networks/Components/network-form.tsx
@@ -1,3 +1,4 @@
+import { displayContentsClass } from '@/Components/Sidebar/style.css';
 import { INetwork } from '@/modules/network/network.repository';
 import { fetchNetworkId } from '@/modules/network/network.service';
 import { Label } from '@/pages/transaction/components/helpers';
@@ -87,12 +88,7 @@ export function NetworkForm({
   return (
     <>
       <Stack margin="md" gap={'md'} flexDirection={'column'}>
-        <form
-          onSubmit={handleSubmit(create)}
-          style={{
-            display: 'contents',
-          }}
-        >
+        <form onSubmit={handleSubmit(create)} className={displayContentsClass}>
           <TextField
             label="Network ID"
             aria-label="networkId"