💄 style search engine

EuCarlos · Nov 15, 2022 · 43c3d48 · 43c3d48
1 parent baf4386
commit 43c3d48
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 2 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,8 +1,11 @@
+import axios from 'axios'
+import { useEffect, useState } from 'react'
+
 import { Report } from './components/Report'
 import { UID } from './utils/uid'
+
 import './styles/globals.sass'
-import { useEffect, useState } from 'react'
-import axios from 'axios'
+import './styles/search_reports.sass'
 
 function App() {
 

diff --git a/src/styles/search_reports.sass b/src/styles/search_reports.sass
@@ -0,0 +1,24 @@
+.forms
+    margin-top: 2rem
+
+    input[type='url']
+        border-radius: 25px 0 0 25px
+        border: solid 2px #293241
+        outline: none
+
+        padding: 1rem
+        width: 25rem
+        color: #293241
+
+    button
+        color: #fff
+        background: #293241
+        border: solid 2px #293241
+        border-radius: 0 25px 25px 0
+
+        padding: 1rem
+        cursor: pointer
+        transition: background .7s
+
+        &:hover
+            background: #212835