fix(button): centering symbol (tailwind conflict)

bartholomej · bartholomej · commit 1e9a793e906b · 2024-06-14T11:02:03.000+02:00
diff --git a/projects/ngx-scrolltop/src/lib/ngx-scrolltop.component.scss b/projects/ngx-scrolltop/src/lib/ngx-scrolltop.component.scss
@@ -38,6 +38,7 @@ button {
       }
     }
     svg {
+      display: inline-flex; // Ensure the SVG is centered horizontally and not conflicting with tailwindcss
       transform: translateY(10%); // Centering no-rectangle symbols
       width: $svg-size;
       vertical-align: baseline;

Original file line number	Diff line number	Diff line change
`@@ -38,6 +38,7 @@ button {`
`38`	`38`	`}`
`39`	`39`	`}`
`40`	`40`	`svg {`
	`41`	`+ display: inline-flex; // Ensure the SVG is centered horizontally and not conflicting with tailwindcss`
`41`	`42`	`transform: translateY(10%); // Centering no-rectangle symbols`
`42`	`43`	`width: $svg-size;`
`43`	`44`	`vertical-align: baseline;`