사운드 뷰어 수정

This commit is contained in:
khk 2019-12-31 11:50:13 +09:00
parent 576f9ab07f
commit 23d188faac
2 changed files with 43 additions and 19 deletions

View File

@ -221,6 +221,9 @@ $daesang-grey: (
.text-primary-color {
color: mat-color($primary);
}
.text-accent-dark {
color: mat-color($accent, 600);
}
.text-accent-darkest {
color: mat-color($accent, 800);
}

View File

@ -12,9 +12,20 @@
(click)="onClickDownload()"
>
<!--<mat-icon>get_app</mat-icon>-->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="butt" stroke-linejoin="round">
<path d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5" />
<svg
xmlns="http://www.w3.org/2000/svg"
width="21"
height="21"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="butt"
stroke-linejoin="round"
>
<path
d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"
/>
</svg>
</button>
<span class="stroke-bar"></span>
@ -24,8 +35,17 @@
class="ucap-image-viewer-action btn-close"
(click)="onClickClose()"
>
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="butt" stroke-linejoin="round">
<svg
xmlns="http://www.w3.org/2000/svg"
width="21"
height="21"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="butt"
stroke-linejoin="round"
>
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
@ -60,18 +80,20 @@
(loadeddata)="onLoadedDataAudio()"
></audio>
<div class="circle-box">
<!--<mat-icon class="ucap-sound-viewer-icon">music_note</mat-icon>-->
<div class='sound-wave'>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<div class='sound-bar bg-accent-darkest'></div>
<mat-icon class="ucap-sound-viewer-icon" *ngIf="!playing">
music_note
</mat-icon>
<div class="sound-wave" *ngIf="playing">
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
<div class="sound-bar bg-accent-dark"></div>
</div>
</div>
</div>
@ -95,7 +117,6 @@
class="ucap-sound-viewer-sound-controls"
fxLayout="row"
fxLayout.xs="column"
fxLayoutAlign="center center"
>
<div class="ucap-sound-viewer-sound-time-current">
{{ currentTime | ucapSecondsToMinutes }}