Merge pull request #1326 from flmel/fix/tools-page

fixes
near · Oct 14, 2024 · f3162e6 · f3162e6
2 parents 1393297 + b2ba3ee
commit f3162e6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/src/components/tools/FungibleToken/CreateTokenForm.tsx b/src/components/tools/FungibleToken/CreateTokenForm.tsx
@@ -173,7 +173,13 @@ const CreateTokenForm = ({ reload }: { reload: (delay: number) => void }) => {
               label="Total Supply"
               placeholder="e.g. 1000"
               error={errors.total_supply?.message}
-              {...register('total_supply', { required: 'Total supply is required' })}
+              {...register('total_supply', {
+                required: 'Total supply is required',
+                pattern: {
+                  value: /^[1-9][0-9]*$/,
+                  message: 'Total supply must be a whole number greater than 0',
+                },
+              })}
               disabled={!signedAccountId}
             />
             <Input

diff --git a/src/pages/tools.tsx b/src/pages/tools.tsx
@@ -133,13 +133,13 @@ const ToolsPage: NextPageWithLayout = () => {
 
   return (
     <Section grow="available" style={{ background: 'var(--sand3)' }}>
-      <Container size="s">
+      <Container size="m" style={{ display: 'flex', justifyContent: 'center' }}>
         <Flex stack gap="l">
           <Text as="h1" size="text-2xl">
             Tools
           </Text>
 
-          <Card style={{ paddingTop: 0 }}>
+          <Card style={{ paddingTop: 0, width: 'min-content' }}>
             <Tabs.Root value={selectedTab}>
               <Tabs.List style={{ marginBottom: 'var(--gap-m)' }}>
                 <Tabs.Trigger href="?tab=ft" value="ft">

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -3,6 +3,7 @@
 :root {
   --gateway-page-container-padding-y: 2rem;
   --gateway-page-container-padding-x: 1rem;
+  scrollbar-gutter: stable;
 }
 
 p,
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,6 +3,7 @@ @@
     :root {
       --gateway-page-container-padding-y: 2rem;
       --gateway-page-container-padding-x: 1rem;
+      scrollbar-gutter: stable;
     }
     p,
@@ Expand Down @@