dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-10 20:05:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add units to chart on hover

Browse Source
This commit is contained in:
Joshen Lim committed 2020-12-03 12:08:44 +08:00
1 parent 1598834420
commit e2993d3be2
1 file changed
+6 -6
Download Patch File Download Diff File Expand all files Collapse all files
www/pages/beta.tsx
+6 -6
View File
@@ -155,7 +155,7 @@ const Performance = () => {
className="bg-brand-600 dark:bg-brand-700 transition-all flex items-center justify-center group rounded-full h-3 hover:h-6"
style={{ width: '100%' }}
>
<p className="transition opacity-0 group-hover:opacity-100">1167</p>
<p className="transition text-dark-700 opacity-0 group-hover:opacity-100">1167 requests/s</p>
</div>
</div>
<div className="hidden col-span-1 sm:block" />
@@ -169,13 +169,13 @@ const Performance = () => {
className="bg-dark-300 dark:bg-dark-400 transition-all flex items-center justify-center group rounded-full h-3 hover:h-6"
style={{ width: '31.36%' }}
>
<p className="transition opacity-0 group-hover:opacity-100">366</p>
<p className="transition text-dark-700 opacity-0 group-hover:opacity-100">366 requests/s</p>
</div>
</div>
</div>
</div>
<div className="col-span-12 sm:col-span-2">
<p className="text-6xl sm:text-right">3.2x</p>
<p className="text-6xl text-dark-700 sm:text-right">3.2x</p>
<p className="text-sm sm:text-right -mt-2">faster read requests</p>
</div>
@@ -194,7 +194,7 @@ const Performance = () => {
className="bg-brand-600 dark:bg-brand-700 transition-all flex items-center justify-center group rounded-full h-3 hover:h-6"
style={{ width: '74.55%' }}
>
<p className="transition opacity-0 group-hover:opacity-100">870</p>
<p className="transition text-dark-700 opacity-0 group-hover:opacity-100">870 requests/s</p>
</div>
</div>
<div className="hidden col-span-1 sm:block" />
@@ -208,13 +208,13 @@ const Performance = () => {
className="bg-dark-300 dark:bg-dark-400 transition-all flex items-center justify-center group rounded-full h-3 hover:h-6"
style={{ width: '23.99%' }}
>
<p className="transition opacity-0 group-hover:opacity-100">280</p>
<p className="transition text-dark-700 opacity-0 group-hover:opacity-100">280 requests/s</p>
</div>
</div>
</div>
</div>
<div className="col-span-12 sm:col-span-2">
<p className="text-6xl sm:text-right">3.1x</p>
<p className="text-6xl text-dark-700 sm:text-right">3.1x</p>
<p className="text-sm sm:text-right -mt-2">faster write requests</p>
</div>
</div>