Estilizando e setando funções básicas do screenShotButton e do submit

cassohir · May 6, 2022 · 69b2790 · 69b2790
1 parent 932ca4c
commit 69b2790
Show file tree

Hide file tree

Showing 12 changed files with 326 additions and 66 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -9,16 +9,20 @@
   },
   "dependencies": {
     "@headlessui/react": "^1.6.0",
+    "html2canvas": "^1.4.1",
     "phosphor-react": "^1.4.1",
     "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react-dom": "^18.0.0",
+    "react-icons": "^4.3.1"
   },
   "devDependencies": {
+    "@tailwindcss/forms": "^0.5.1",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@vitejs/plugin-react": "^1.3.0",
     "autoprefixer": "^10.4.7",
     "postcss": "^8.4.13",
+    "tailwind-scrollbar": "^1.3.1",
     "tailwindcss": "^3.0.24",
     "typescript": "^4.6.4",
     "vite": "^2.9.7"

diff --git a/web/src/App.tsx b/web/src/App.tsx
@@ -26,42 +26,3 @@ export function App(){
 
 
 
-
-
-
-
-
-
-// interface PropsButton{
-//   text?: string;
-// }
-// interface PropsInputs{
-
-//   placeholder?: string;
-// }
-
-// function Button(props: PropsButton) {
-
-//   return <button className="bg-green-500 p-3 h-10 rounded hover:bg-green-600 transitions-colors">{props.text ?? 'Enviar'}</button>
-// }
-
-// function Inputs(props: PropsInputs) {
-//   return <input type="text" placeholder={props.placeholder ??'Escreva'}/>
-// }
-
-// function App() {
-
-//  return (
-
-
-//   <h1 className="flex gap-2">Hello World 
-
-//     <Button/>
-//     <Inputs/>
-
-//     </h1>
-//    ) 
-
-// }
-
-// export default App
diff --git a/web/src/components/CloseButton.tsx b/web/src/components/CloseButton.tsx
@@ -6,7 +6,7 @@ export function CloseButton(){
 
 return (
 
-  <Popover.Button className="top-5 right-5 absolute text-primary-200 hover:text-primary-100" title="Fechar formulario de feedback">
+  <Popover.Button className="top-5 right-5 absolute text-primary-200 hover:text-white" title="Fechar formulario de feedback">
 
     <X weight="bold" className="w-4 h-4"></X>
   </Popover.Button>

diff --git a/web/src/components/Widget.tsx b/web/src/components/Widget.tsx
@@ -6,11 +6,7 @@ import {WidgetForm} from './WidgetForm'
 //Estado 
 
 export function Widget(){
-  // const [isWidgetOpen,setIsWidgetOpen] = useState(false);
 
-  // function toggleWidgetVisibility(){
-  //   setIsWidgetOpen(!isWidgetOpen);
-  // }
   return (  
     <Popover className="absolute bottom-4 right-4 md:botton-8 md:right-10 flex flex-col items-end  ">