tlaternet/tlaternet-templates
Archived
1
0
Fork 0
Code Issues 4 Pull requests Releases Wiki Activity

Clean up some style properties in react elements

Browse source
This commit is contained in:
Tristan Daniël Maat 2022-08-13 23:32:29 +01:00
parent ad8d09745e
commit 599880f035
Signed by: tlater
GPG key ID: 49670FD774E43268
2 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/music/features/visualizer/Visualizer.tsx
View file

@ -127,17 +127,8 @@ function Visualizer() {
ref={visualizer} ref={visualizer}
className="is-flex-grow-1 is-clipped is-relative" className="is-flex-grow-1 is-clipped is-relative"
> >
<canvas <canvas className="is-block is-absolute is-border-box"></canvas>
style={{ <span className="is-bottom-left"></span>
display: "block",
position: "absolute",
boxSizing: "border-box",
}}
></canvas>
<span
className="is-bottom-left"
style={{ display: "relative" }}
></span>
</div> </div>
); );
} else { } else {

8
src/music/music.scss
View file

@ -3,8 +3,12 @@ $fa-font-path: "npm:@fortawesome/fontawesome-free/webfonts";
@import "~/node_modules/@fortawesome/fontawesome-free/scss/fontawesome"; @import "~/node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
@import "~/node_modules/@fortawesome/fontawesome-free/scss/solid"; @import "~/node_modules/@fortawesome/fontawesome-free/scss/solid";
.is-relative { .is-border-box {
position: relative !important; box-sizing: border-box !important;
}
.is-absolute {
position: absolute !important;
} }
.is-bottom-left { .is-bottom-left {