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> -->
<!-- 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="col center">
<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;
height:32px;
position:absolute;
bottom:16px;
bottom:48px;
left:calc( 50vw - 16px );
transform:rotate(45deg);
border: 5px solid #000;
border: 5px solid #29296d;
border-left:0;
border-top:0;
cursor:pointer;
}
&.podcasts { overflow-x:hidden; }
&.big { min-height:100vh;}
&.middle { min-height: 50vh;}
&.fixed {