add tooltips

rust-bitcoin · Jan 20, 2025 · b9650c9 · b9650c9
1 parent 6c6567b
commit b9650c9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/www/src/components/TooltipWrapper.tsx b/www/src/components/TooltipWrapper.tsx
@@ -79,7 +79,7 @@ export const TooltipWrapper = ({
             </div>
           </TooltipTrigger>
           <TooltipContent sideOffset={5}>
-            <p className="text-xs">{getTooltipText()}</p>
+            <p className="tooltip-text">{getTooltipText()}</p>
           </TooltipContent>
         </div>
       </Tooltip>

diff --git a/www/src/index.css b/www/src/index.css
@@ -8,6 +8,7 @@
   --size: calc((var(--width-target) + var(--height-target)) / 2);
   --margin-horizontal: calc((100vw - var(--size) * 5) / 8);
 
+  --font-xs: calc(var(--size) * 0.029);  
   --font-xs: calc(var(--size) * 0.045);  
   --font-sm: calc(var(--size) * 0.073);   
   --font-md: calc(var(--size) * 0.118);   
@@ -87,7 +88,7 @@ body {
   opacity: 0.9;
   cursor: pointer;
   background-color: hsl(var(--dark-1) / 0.1);
-  text-shadow: var(--glow);
+  text-shadow: var(--glow-sm);
 }
 
 .common-component:disabled:hover {
@@ -125,6 +126,10 @@ body {
   box-shadow: var(--glow-lg);
 }
 
+.tooltip-text {
+  font-size: var(--font-xxs);
+}
+
 .input-placeholder {
   padding: calc(var(--font-sm) * 1.6);
 }