@@ -12,69 +12,69 @@ const Header = () => {
1212
1313 return (
1414 < >
15- < div class = "" >
15+ < div className = "" >
1616 < header style = { { backgroundcolor : "transparent" } } >
17- < nav class = "mx-auto flex items-center justify-between gap-x-6 p-6 max-w-screen lg:px-8" >
18- < div class = "flex" >
17+ < nav className = "mx-auto flex items-center justify-between gap-x-6 p-6 max-w-screen lg:px-8" >
18+ < div className = "flex" >
1919 < a
20- class = "-m-1.5 p-1.5 text-white flex justify-center items-center "
20+ className = "-m-1.5 p-1.5 text-white flex justify-center items-center "
2121 href = "/"
2222 >
23- < span class = "sr-only" > Your Company</ span >
23+ < span className = "sr-only" > Your Company</ span >
2424 < img className = "w-16 h-16" src = { TitoLogo } alt = "Tito" />
2525 </ a >
2626 </ div >
27- < div class = "hidden gap-x-6 lg:flex xl:gap-x-12" >
27+ < div className = "hidden gap-x-6 lg:flex xl:gap-x-12" >
2828 < a
2929 target = ""
30- class = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
30+ className = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
3131 href = "/#finance"
3232 >
3333 About
3434 </ a >
3535 < a
3636 target = "_blank"
37- class = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
37+ className = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
3838 href = "https://whitepaper.borroe.finance/introduction/borroe-finance"
3939 >
4040 Whitepaper
4141 </ a >
4242 < a
4343 target = ""
44- class = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
44+ className = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
4545 href = "/#Tito"
4646 >
4747 Tito
4848 </ a >
4949 < a
5050 target = "_blank"
51- class = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
51+ className = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
5252 href = "https://gleam.io/4bs1I/borroe-gleam-summer-defi-giveaway"
5353 >
5454 Win 50K
5555 </ a >
5656 < a
5757 target = ""
58- class = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
58+ className = "text-white font-normal text-sm xl:text-base hover:text-sky-600"
5959 href = "/howtobuy"
6060 >
6161 How to buy
6262 </ a >
6363 </ div >
64- < div class = "items-center justifybox height same and content size same, Its difficult to manage the ssection becuase images sizes is too much, if i set the images its look strechable -end hidden gap-x-4 lg:flex xl:gap-x-8" >
64+ < div className = "items-center justifybox height same and content size same, Its difficult to manage the ssection becuase images sizes is too much, if i set the images its look strechable -end hidden gap-x-4 lg:flex xl:gap-x-8" >
6565 < NavLink
6666 to = "/Dashboard"
6767 onClick = { ( ) => {
6868 setToggle ( ! toggle ) ;
6969 } }
7070 >
7171 { " " }
72- < button class = "rounded-md text-white shadow-sm bg-transparent font-bold border border-neutral-500 py-3 px-4 text-[10px] xl:py-4 xl:px-8 xl:text-sm transition ease-in-out delay-100 hover:-translate-y-1 hover:scale-105 duration-300" >
72+ < button className = "rounded-md text-white shadow-sm bg-transparent font-bold border border-neutral-500 py-3 px-4 text-[10px] xl:py-4 xl:px-8 xl:text-sm transition ease-in-out delay-100 hover:-translate-y-1 hover:scale-105 duration-300" >
7373 Dashboard
7474 </ button >
7575 </ NavLink >
7676 < button
77- class = "rounded-md text-white shadow-sm bg-transparent font-bold border border-neutral-500 py-3 px-4 text-[10px] xl:py-4 xl:px-8 xl:text-sm transition ease-in-out delay-100 hover:-translate-y-1 hover:scale-105 duration-300"
77+ className = "rounded-md text-white shadow-sm bg-transparent font-bold border border-neutral-500 py-3 px-4 text-[10px] xl:py-4 xl:px-8 xl:text-sm transition ease-in-out delay-100 hover:-translate-y-1 hover:scale-105 duration-300"
7878 onClick = { ( ) => open ( ) }
7979 >
8080 { isConnected
@@ -85,26 +85,26 @@ const Header = () => {
8585 : "Connect Wallet" }
8686 </ button >
8787 </ div >
88- < div class = "flex lg:hidden" >
88+ < div className = "flex lg:hidden" >
8989 < button
90- class = "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-white"
90+ className = "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-white"
9191 onClick = { ( ) => {
9292 setToggle ( ! toggle ) ;
9393 } }
9494 >
95- < span class = "sr-only" > Open main menu</ span >
96- < span class = "w-fit" >
95+ < span className = "sr-only" > Open main menu</ span >
96+ < span className = "w-fit" >
9797 < svg
98- class = "h-8 w-8"
98+ className = "h-8 w-8"
9999 fill = "none"
100100 viewBox = "0 0 24 24"
101- stroke-width = "1.5"
101+ strokeWidth = "1.5"
102102 stroke = "currentColor"
103103 aria-hidden = "true"
104104 >
105105 < path
106- stroke-linecap = "round"
107- stroke-linejoin = "round"
106+ strokeLinecap = "round"
107+ strokeLinejoin = "round"
108108 d = "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
109109 > </ path >
110110 </ svg >
@@ -113,44 +113,44 @@ const Header = () => {
113113 </ div >
114114 </ nav >
115115 { toggle && (
116- < div class = "lg:hidden" >
117- < div class = "fixed inset-y-0 right-0 z-50 w-full bg-black px-6 py-4 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" >
118- < div class = "gap-x-6 flex justify-between" >
119- < a class = "-m-1.5 p-1.5" href = "/" >
120- < span class = "sr-only" > Your Company</ span >
116+ < div className = "lg:hidden" >
117+ < div className = "fixed inset-y-0 right-0 z-50 w-full bg-black px-6 py-4 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" >
118+ < div className = "gap-x-6 flex justify-between" >
119+ < a className = "-m-1.5 p-1.5" href = "/" >
120+ < span className = "sr-only" > Your Company</ span >
121121 Tito
122122 </ a >
123123 < button
124- class = "-m-2.5 rounded-md p-2.5 text-white"
124+ className = "-m-2.5 rounded-md p-2.5 text-white"
125125 onClick = { ( ) => {
126126 setToggle ( ! toggle ) ;
127127 } }
128128 >
129- < span class = "sr-only" > Close menu</ span >
130- < span class = "w-fit" >
129+ < span className = "sr-only" > Close menu</ span >
130+ < span className = "w-fit" >
131131 < svg
132- class = "h-8 w-8"
132+ className = "h-8 w-8"
133133 fill = "none"
134134 viewBox = "0 0 24 24"
135- stroke-width = "1.5"
135+ strokeWidth = "1.5"
136136 stroke = "currentColor"
137137 aria-hidden = "true"
138138 >
139139 < path
140- stroke-linecap = "round"
141- stroke-linejoin = "round"
140+ strokeLinecap = "round"
141+ strokeLinejoin = "round"
142142 d = "M6 18L18 6M6 6l12 12"
143143 > </ path >
144144 </ svg >
145145 </ span >
146146 </ button >
147147 </ div >
148- < div class = "mt-6 flow-root" >
149- < div class = "-my-6 divide-y divide-gray-500/10" >
150- < div class = "space-y-2 py-6" >
148+ < div className = "mt-6 flow-root" >
149+ < div className = "-my-6 divide-y divide-gray-500/10" >
150+ < div className = "space-y-2 py-6" >
151151 < a
152152 target = ""
153- class = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
153+ className = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
154154 href = "/#finance"
155155 onClick = { ( ) => {
156156 setToggle ( ! toggle ) ;
@@ -160,7 +160,7 @@ const Header = () => {
160160 </ a >
161161 < a
162162 target = "_blank"
163- class = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
163+ className = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
164164 href = "https://whitepaper.borroe.finance/introduction/borroe-finance"
165165 onClick = { ( ) => {
166166 setToggle ( ! toggle ) ;
@@ -170,7 +170,7 @@ const Header = () => {
170170 </ a >
171171 < a
172172 target = ""
173- class = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
173+ className = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
174174 href = "/#Tito"
175175 onClick = { ( ) => {
176176 setToggle ( ! toggle ) ;
@@ -180,7 +180,7 @@ const Header = () => {
180180 </ a >
181181 < a
182182 target = "_blank"
183- class = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
183+ className = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
184184 href = "https://gleam.io/4bs1I/borroe-gleam-summer-defi-giveaway"
185185 onClick = { ( ) => {
186186 setToggle ( ! toggle ) ;
@@ -190,7 +190,7 @@ const Header = () => {
190190 </ a >
191191 < a
192192 target = ""
193- class = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
193+ className = "-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:text-sky-600"
194194 href = "/howtobuy"
195195 onClick = { ( ) => {
196196 setToggle ( ! toggle ) ;
@@ -199,20 +199,20 @@ const Header = () => {
199199 How to buy
200200 </ a >
201201 </ div >
202- < div class = "flex flex-1 items-center gap-x-6 py-6" >
202+ < div className = "flex flex-1 items-center gap-x-6 py-6" >
203203 < NavLink
204204 to = "/Dashboard"
205205 onClick = { ( ) => {
206206 setToggle ( ! toggle ) ;
207207 } }
208208 >
209209 { " " }
210- < button class = "rounded-md text-white shadow-sm bg-transparent font-bold border border-neutral-500 py-3 px-4 text-[10px] xl:py-4 xl:px-8 xl:text-sm transition ease-in-out delay-100 hover:-translate-y-1 hover:scale-105 duration-300" >
210+ < button className = "rounded-md text-white shadow-sm bg-transparent font-bold border border-neutral-500 py-3 px-4 text-[10px] xl:py-4 xl:px-8 xl:text-sm transition ease-in-out delay-100 hover:-translate-y-1 hover:scale-105 duration-300" >
211211 Dashboard
212212 </ button >
213213 </ NavLink >
214214 < button
215- class = "rounded-md shadow-sm bg-transparent font-bold border border-white py-3 px-4 text-[10px] text-white xl:py-5 xl:px-8 xl:text-sm transition ease-in-out delay-100 hover:-translate-y-1 hover:scale-105 duration-300"
215+ className = "rounded-md shadow-sm bg-transparent font-bold border border-white py-3 px-4 text-[10px] text-white xl:py-5 xl:px-8 xl:text-sm transition ease-in-out delay-100 hover:-translate-y-1 hover:scale-105 duration-300"
216216 onClick = { ( ) => open ( ) }
217217 >
218218 { isConnected
0 commit comments