make <Kink /> fully scalable

chrissxMedia · Jan 31, 2024 · 451de29 · 451de29
1 parent 9af6a5a
commit 451de29
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/components/Kink.module.css b/src/components/Kink.module.css
@@ -1,25 +1,26 @@
 .tr {
- border: 1px solid #303030;
+ border: 0.05em solid #303030;
 }
 
 .td {
- padding-left: 8px;
- padding-top: 2px;
- padding-bottom: 2px;
+ padding-left: 0.375em;
+ padding-top: 0.094em;
+ padding-bottom: 0.094em;
  position: relative;
 }
 
 .desc {
  background-color: rgb(var(--cmblack));
  color: white;
  visibility: hidden;
- width: 300px;
+ width: 30ch;
  text-align: center;
- border-radius: 8pt;
+ border-radius: 0.5em;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
+ padding: 0.125em;
 }
 
 .td:hover .desc {