mirror of
https://github.com/FBukovina/Atoll.git
synced 2026-10-27 15:14:33 +00:00
Add transition animation play/pause button in minimalistic view
This commit is contained in:
parent
e6074c4fa3
commit
cc6577d4bc
2 changed files with 3 additions and 7 deletions
|
|
@ -430,14 +430,13 @@ struct LockScreenMusicPanel: View {
|
||||||
|
|
||||||
private var playPauseButton: some View {
|
private var playPauseButton: some View {
|
||||||
let frameSize: CGFloat = isExpanded ? 80 : 54
|
let frameSize: CGFloat = isExpanded ? 80 : 54
|
||||||
let symbolSize: CGFloat = isExpanded ? 34 : 26
|
|
||||||
let iconName = musicManager.isPlaying ? "pause.fill" : "play.fill"
|
let iconName = musicManager.isPlaying ? "pause.fill" : "play.fill"
|
||||||
|
|
||||||
return HoverButton(
|
return HoverButton(
|
||||||
icon: iconName,
|
icon: iconName,
|
||||||
iconColor: .white,
|
iconColor: .white,
|
||||||
scale: .large,
|
scale: .large,
|
||||||
pressEffect: .none
|
pressEffect: nil
|
||||||
) {
|
) {
|
||||||
registerInteraction()
|
registerInteraction()
|
||||||
musicManager.togglePlay()
|
musicManager.togglePlay()
|
||||||
|
|
|
||||||
|
|
@ -629,7 +629,7 @@ private struct MinimalisticReminderDetailsView: View {
|
||||||
pressEffect: .none,
|
pressEffect: .none,
|
||||||
symbolEffectStyle: .replace,
|
symbolEffectStyle: .replace,
|
||||||
action: {
|
action: {
|
||||||
Task { await musicManager.togglePlay() }
|
musicManager.togglePlay()
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
@ -909,9 +909,7 @@ private struct MinimalisticSquircircleButton: View {
|
||||||
image
|
image
|
||||||
case .replace:
|
case .replace:
|
||||||
if #available(macOS 14.0, *) {
|
if #available(macOS 14.0, *) {
|
||||||
image
|
image.contentTransition(.symbolEffect(.replace))
|
||||||
.contentTransition(.symbolEffect(.replace))
|
|
||||||
.id(icon)
|
|
||||||
} else {
|
} else {
|
||||||
image
|
image
|
||||||
}
|
}
|
||||||
|
|
@ -926,7 +924,6 @@ private struct MinimalisticSquircircleButton: View {
|
||||||
image
|
image
|
||||||
.contentTransition(.symbolEffect(.replace))
|
.contentTransition(.symbolEffect(.replace))
|
||||||
.symbolEffect(.bounce, value: icon)
|
.symbolEffect(.bounce, value: icon)
|
||||||
.id(icon)
|
|
||||||
} else {
|
} else {
|
||||||
image
|
image
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue