mirror of
https://github.com/FBukovina/Atoll.git
synced 2026-10-27 15:14:33 +00:00
Merge pull request #33 from Ebullioscopic/ui/minimalistic
Aligned notch better
This commit is contained in:
commit
016d18fed5
2 changed files with 4 additions and 5 deletions
|
|
@ -15,7 +15,7 @@ struct MinimalisticMusicPlayerView: View {
|
||||||
var body: some View {
|
var body: some View {
|
||||||
VStack(spacing: 0) {
|
VStack(spacing: 0) {
|
||||||
// Header area with album art (matching DynamicIslandHeader height of 24pt)
|
// Header area with album art (matching DynamicIslandHeader height of 24pt)
|
||||||
HStack(alignment: .bottom, spacing: 10) {
|
HStack(alignment: .center, spacing: 10) {
|
||||||
MinimalisticAlbumArtView(vm: vm, albumArtNamespace: albumArtNamespace)
|
MinimalisticAlbumArtView(vm: vm, albumArtNamespace: albumArtNamespace)
|
||||||
.frame(width: 50, height: 50)
|
.frame(width: 50, height: 50)
|
||||||
|
|
||||||
|
|
@ -37,7 +37,6 @@ struct MinimalisticMusicPlayerView: View {
|
||||||
// Visualizer aligned to bottom
|
// Visualizer aligned to bottom
|
||||||
if useMusicVisualizer {
|
if useMusicVisualizer {
|
||||||
visualizer
|
visualizer
|
||||||
.padding(.bottom, 2)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.frame(height: 50) // Fixed height to accommodate album art
|
.frame(height: 50) // Fixed height to accommodate album art
|
||||||
|
|
@ -51,8 +50,8 @@ struct MinimalisticMusicPlayerView: View {
|
||||||
.padding(.top, 4)
|
.padding(.top, 4)
|
||||||
}
|
}
|
||||||
.padding(.horizontal, 12)
|
.padding(.horizontal, 12)
|
||||||
.padding(.top, 0)
|
.padding(.top, -20)
|
||||||
.padding(.bottom, 4)
|
.padding(.bottom, 3)
|
||||||
.frame(maxWidth: .infinity)
|
.frame(maxWidth: .infinity)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@ let downloadSneakSize: CGSize = .init(width: 65, height: 1)
|
||||||
let batterySneakSize: CGSize = .init(width: 160, height: 1)
|
let batterySneakSize: CGSize = .init(width: 160, height: 1)
|
||||||
|
|
||||||
let openNotchSize: CGSize = .init(width: 640, height: 190)
|
let openNotchSize: CGSize = .init(width: 640, height: 190)
|
||||||
let minimalisticOpenNotchSize: CGSize = .init(width: 420, height: 190)
|
let minimalisticOpenNotchSize: CGSize = .init(width: 420, height: 180)
|
||||||
let cornerRadiusInsets: (opened: (top: CGFloat, bottom: CGFloat), closed: (top: CGFloat, bottom: CGFloat)) = (opened: (top: 19, bottom: 24), closed: (top: 6, bottom: 14))
|
let cornerRadiusInsets: (opened: (top: CGFloat, bottom: CGFloat), closed: (top: CGFloat, bottom: CGFloat)) = (opened: (top: 19, bottom: 24), closed: (top: 6, bottom: 14))
|
||||||
let minimalisticCornerRadiusInsets: (opened: (top: CGFloat, bottom: CGFloat), closed: (top: CGFloat, bottom: CGFloat)) = (opened: (top: 35, bottom: 35), closed: cornerRadiusInsets.closed)
|
let minimalisticCornerRadiusInsets: (opened: (top: CGFloat, bottom: CGFloat), closed: (top: CGFloat, bottom: CGFloat)) = (opened: (top: 35, bottom: 35), closed: cornerRadiusInsets.closed)
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue