refactor(ui): mini player düzenlemesi
Kullanıcı meta verilerini kapağın altına taşıyarak mini player'ın düzenini yeniden düzenledi. Paylaş ve beğen butonlarını kaldırdı.
This commit is contained in:
@@ -55,23 +55,7 @@
|
||||
|
||||
{#if $musicPlayer.currentTrack && !isMusicRoute}
|
||||
<div class="mini-player" aria-label="Mini music player">
|
||||
<div class="mini-top">
|
||||
<div class="mini-user-meta">
|
||||
<div class="mini-user-name">
|
||||
{cleanFileName($musicPlayer.currentTrack.title)}
|
||||
</div>
|
||||
<div class="mini-user-handle">{sourceLabel($musicPlayer.currentTrack)}</div>
|
||||
</div>
|
||||
|
||||
<div class="mini-actions">
|
||||
<button class="mini-icon-btn" title="Paylaş">
|
||||
<i class="fa-solid fa-arrow-up-from-bracket"></i>
|
||||
</button>
|
||||
<button class="mini-icon-btn" title="Beğen">
|
||||
<i class="fa-regular fa-heart"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mini-top"></div>
|
||||
|
||||
<div class="mini-cover">
|
||||
{#if $musicPlayer.isPlaying && videoStreamURL($musicPlayer.currentTrack)}
|
||||
@@ -93,6 +77,12 @@
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="mini-meta">
|
||||
<div class="mini-user-name">
|
||||
{cleanFileName($musicPlayer.currentTrack.title)}
|
||||
</div>
|
||||
<div class="mini-user-handle">{sourceLabel($musicPlayer.currentTrack)}</div>
|
||||
</div>
|
||||
|
||||
<div class="mini-progress">
|
||||
<span class="mini-time">{formatTime($musicPlayer.currentTime)}</span>
|
||||
@@ -145,15 +135,12 @@
|
||||
}
|
||||
|
||||
.mini-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.mini-user-meta {
|
||||
min-width: 0;
|
||||
.mini-meta {
|
||||
text-align: left;
|
||||
margin: 0 4px 8px;
|
||||
}
|
||||
|
||||
.mini-user-name {
|
||||
@@ -169,21 +156,6 @@
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.mini-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mini-icon-btn {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 12px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
color: #f6f6f6;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mini-cover {
|
||||
margin: 14px auto 12px;
|
||||
width: 160px;
|
||||
|
||||
Reference in New Issue
Block a user