WEB4 header (#305)

- changes on web4 are only styles for header and doc formatting - fixed chart line color <img width="1439" alt="Screenshot 2025-02-11 at 13 13 19" src="https://github.com/user-attachments/assets/7c554ce7-fecc-45dc-b50d-939b8609e05b" /> <img width="1434" alt="Screenshot 2025-02-11 at 13 29 16" src="https://github.com/user-attachments/assets/d973f9fc-02a1-4630-8f28-f9bfa8b30257" />
NEAR-DevHub · Feb 11, 2025 · 866f474 · 866f474
1 parent dd88db8
commit 866f474
Show file tree

Hide file tree

Showing 4 changed files with 544 additions and 466 deletions.
diff --git a/instances/treasury-factory.near/widget/components/create-treasury/Stepper.jsx b/instances/treasury-factory.near/widget/components/create-treasury/Stepper.jsx
@@ -31,7 +31,7 @@ return (
         />
       ))}
     </div>
-    <Container className="shadow-sm gap-4 d-flex flex-column">
+    <Container className="gap-4 d-flex flex-column">
       {steps[parseInt(activeStep)]}
     </Container>
   </>

diff --git a/instances/treasury-factory.near/widget/components/create-treasury/SummaryStep.jsx b/instances/treasury-factory.near/widget/components/create-treasury/SummaryStep.jsx
@@ -317,40 +317,40 @@ return (
             props={{ accountId: context.accountId }}
           />
         </Section>
-      </div>
 
-      <div>
-        <Section withBorder>
-          <div className="d-flex justify-content-between align-items-center">
-            <div>
-              <label>Applicatiion Account Name</label>
+        <div>
+          <Section withBorder>
+            <div className="d-flex justify-content-between align-items-center">
               <div>
-                {formFields.accountName
-                  ? `${formFields.accountName}.near`
-                  : "-"}
+                <label>Applicatiion Account Name</label>
+                <div>
+                  {formFields.accountName
+                    ? `${formFields.accountName}.near`
+                    : "-"}
+                </div>
               </div>
-            </div>
 
-            <Link
-              href={`/${REPL_BASE_DEPLOYMENT_ACCOUNT}/widget/app?page=create-treasury&step=1`}
-            >
-              <i className="bi bi-pencil" />
-            </Link>
-          </div>
-        </Section>
+              <Link
+                href={`/${REPL_BASE_DEPLOYMENT_ACCOUNT}/widget/app?page=create-treasury&step=1`}
+              >
+                <i className="bi bi-pencil" />
+              </Link>
+            </div>
+          </Section>
 
-        <Section withBorder>
-          <div className="d-flex justify-content-between align-items-center">
-            <div>
-              <label>Sputnik Account Name</label>
+          <Section withBorder>
+            <div className="d-flex justify-content-between align-items-center">
               <div>
-                {formFields.accountName
-                  ? `${formFields.accountName}.sputnik-dao.near`
-                  : "-"}
+                <label>Sputnik Account Name</label>
+                <div>
+                  {formFields.accountName
+                    ? `${formFields.accountName}.sputnik-dao.near`
+                    : "-"}
+                </div>
               </div>
             </div>
-          </div>
-        </Section>
+          </Section>
+        </div>
       </div>
 
       <Section>

diff --git a/instances/widgets.treasury-factory.near/widget/pages/dashboard/Chart.jsx b/instances/widgets.treasury-factory.near/widget/pages/dashboard/Chart.jsx
@@ -187,7 +187,7 @@ const code = `
             data: [],
             fill: true,
             backgroundColor: gradient,
-            borderColor: ' ${colors["--border-color"]}',
+            borderColor: '${colors["--text-color"]}',
             pointBackgroundColor: ' ${colors["--bg-page-color"]}',
             pointRadius: 0,
             tension: 0,