Merge pull request #30 from signorecello/styling

fix: some more styling fixes
signorecello · Dec 5, 2023 · 91a83d8 · 91a83d8
2 parents 7609f39 + 9a6f7b1
commit 91a83d8
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 4 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/packages/playground/src/components/buttons/buttons.tsx b/packages/playground/src/components/buttons/buttons.tsx
@@ -17,7 +17,7 @@ export const Button = ({
   children?: React.ReactNode;
 }) => {
   const buttonClasses = `${className} px-6 px-3 m-2 rounded-md max-w-xs ${
-    $primary ? "bg-purple-1" : "bg-pink-3"
+    $primary ? "bg-purple-1" : "bg-pink-2"
   } max-h-10 text-right text-base normal-case font-medium leading-none flex p-5 justify-center items-center ${
     disabled ? "opacity-50" : "opacity-100"
   } w-full text-gray-7`;

diff --git a/packages/playground/src/components/editor/NoirEditor.tsx b/packages/playground/src/components/editor/NoirEditor.tsx
@@ -66,7 +66,7 @@ function NoirEditor(props: PlaygroundProps) {
   return (
     <div
       className="h-full w-full flex items-center flex-col box-border text-sm font-fira-code"
-      id="main"
+      id="noir__playground"
     >
       <ToastContainer />
       <section style={props.style}>

diff --git a/packages/playground/src/index.css b/packages/playground/src/index.css
@@ -5,3 +5,9 @@
 body:not(#editor) {
   font-family: "Inter", sans-serif;
 }
+
+*,
+#noir__playground {
+  border-width: 0;
+  border-style: solid;
+}
diff --git a/yarn.lock b/yarn.lock
@@ -3877,8 +3877,6 @@ __metadata:
 "noir-playground-root@workspace:.":
   version: 0.0.0-use.local
   resolution: "noir-playground-root@workspace:."
-  dependencies:
-    react: "npm:^18.2.0"
   languageName: unknown
   linkType: soft