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

Rework website with bulma instead of bootstrap #6

Manually merged
tlater merged 43 commits from tlater/bulma2 into master 2022-08-14 00:26:49 +01:00
Conversation 0 Commits 43 Files changed 60 +8 -13
2 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 599880f035 - Show all commits

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 {