audiolab/cear-audiolab
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update: Layout

Browse Source
This commit is contained in:
Luca 2023-11-01 02:04:11 +01:00
parent 4ed899b259
commit 2dc7f04fcc
Signed by: lrullo
GPG Key ID: A04E97D8E19A58A7
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
inc/src/app/app.component.html
View File

@ -34,7 +34,7 @@
</section> --> </section> -->
<!-- end space --> <!-- end space -->
<section id="podcasts" class="container middle" *ngFor="let n of news; let index;"> <section id="podcasts" class="container middle podcasts" *ngFor="let n of news; let index;">
<div class="content columns"> <div class="content columns">
<div class="col center"> <div class="col center">
<div class="button big" [ngStyle]="{transform:'translateX('+n.random+'vw)'}"> <div class="button big" [ngStyle]="{transform:'translateX('+n.random+'vw)'}">

5
inc/src/styles.scss
View File

@ -18,14 +18,15 @@ section.container {
width:32px; width:32px;
height:32px; height:32px;
position:absolute; position:absolute;
bottom:16px; bottom:48px;
left:calc( 50vw - 16px ); left:calc( 50vw - 16px );
transform:rotate(45deg); transform:rotate(45deg);
border: 5px solid #000; border: 5px solid #29296d;
border-left:0; border-left:0;
border-top:0; border-top:0;
cursor:pointer; cursor:pointer;
} }
&.podcasts { overflow-x:hidden; }
&.big { min-height:100vh;} &.big { min-height:100vh;}
&.middle { min-height: 50vh;} &.middle { min-height: 50vh;}
&.fixed { &.fixed {