fix: textarea responsive issue

Rajesh-Royal · Rajesh-Royal · commit 882f39e94489 · 2022-06-27T09:30:06.000+05:30
diff --git a/example/src/App.css b/example/src/App.css
@@ -18,12 +18,14 @@ body, html{
   width: 100%;
   font-size: calc(60px + 2vmin);
   color: white;
+  /* padding: 10px; */
 }
 .App .header{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    text-align: center;
 }
 .App p{
   font-size: 14px;
@@ -42,6 +44,7 @@ body, html{
 .App .id-container textarea{
   font-size: 30px;
   max-width: 900px;
+  width: 100%;
   padding: 20px;
 }
 .App .id-container button{
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -1,5 +1,5 @@
 import { getCurrentBrowserFingerPrint } from '@rajesh896/broprint.js';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import './App.css';
 
 
@@ -24,7 +24,7 @@ function App() {
       <section className="id-container">
         <textarea rows={3} cols={100} placeholder="This browser's fingerprint" value={browserFingerprint} onChange={() => {}}></textarea>
         <p><button onClick={() => {getBrowserFingerPrint()}}>Generate FingerPrint</button></p>
-        <p style={{marginTop: 20}}>You must try this window in incognito, with vpn and check if Id remains same. It will never change.</p>
+        <p style={{marginTop: 20}}>You must try this window in incognito, with vpn and check if Id remains same. It will never change. <sub>[no brave support]</sub></p>
       </section>
       <footer>
         <div><a href='https://github.com/rajesh-royal' title='developer/author github account'>@rajesh-royal</a></div>
