Merge pull request #201 from rng190001/fix_issue68

Fixed Issue #68: Tick Mark Legibility
iq-eq-us · Sep 20, 2023 · e69dc0c · e69dc0c
2 parents 450be14 + b47c109
commit e69dc0c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/pages/test/components/Range.tsx b/src/pages/test/components/Range.tsx
@@ -213,7 +213,7 @@ export const MultiRangeSlider = (
                 [...Array(10)].map((e, n) => (
                   <div key={n} className="ruler-sub-rule absolute"></div>
                 ))}
-              <div className="text-[6px] absolute font-bold m-auto text-center text-neutral-600 flex-col">
+              <div className="text-[10px] absolute font-bold -ml-2 text-center text-neutral-300 flex-col w-4">
                 {i * step}
               </div>
             </div>

diff --git a/src/pages/test/components/multirangeslider.css b/src/pages/test/components/multirangeslider.css
@@ -119,7 +119,7 @@
 }
 .multi-range-slider .ruler .ruler-rule {
 	border-left: solid 1px;
-	border-color: #525252;
+	border-color: white;
 
 	display: flex;
 	flex-grow: 1;
@@ -128,13 +128,13 @@
 }
 .multi-range-slider .ruler .ruler-rule:last-child {
 	border-right: solid 1px;
-	border-color: #525252;
+	border-color: white;
 
 }
 
 .multi-range-slider .ruler .ruler-sub-rule {
 	border-left: solid 1px;
-	border-color: #525252;
+	border-color: white;
 
 	/* border-bottom: solid 1px; */
 	display: flex;