refactor: Create components for Price Data relay inputs

ojo-network · Jan 15, 2024 · 529cf6d · 529cf6d
1 parent 2bebff7
commit 529cf6d
Show file tree

Hide file tree

Showing 7 changed files with 383 additions and 35 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -6,8 +6,10 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "bootstrap": "^5.3.2",
     "ethers": "^6.9.2",
     "react": "^18.2.0",
+    "react-bootstrap": "^2.9.2",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"

diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -17,23 +17,37 @@
   font-size: 24px;
   margin-bottom: 24px;
   color: white;
-  background-color: orange;
+  background-color: #ff6056;
   padding: 12px;
   font-weight: bold;
   margin-right: 16px;
   border-radius: 16px;
 }
 
 input {
-  font-size: 16px;
-  padding: 12px;
+  font-size: 15px;
+  padding: 6px;
   border-radius: 8px;
+  text-align: center;
+  width: 180px;
+  height: 30px;
+  margin-bottom: 16px;
 }
 
 .description {
-  background-color: orange;
+  background-color: #ff6056;
   border-radius: 24px;
-  padding: 24px;
+  padding: 36px;
+
+  margin-bottom: 36px;
+}
 
-  margin-bottom: 64px;
+#dropdown-basic{
+  color: white;
+  font-weight: bold;
+  background-color: #ff6056;
+  font-size: 15px;
+  border-radius: 16px;
+  margin-top: 12px;
+  margin-bottom: 12px;
 }