ui: Improve Damus Purple presentation in side view
This PR simply replaces the purple ostrich in the side view with the Damus Logo. As well as adding a gradient to the Purple text. I think this better represents Damus Purple. Changelog-Changed: Changed Damus Purple Side View logo and text Signed-off-by: ericholguin <ericholguin@apache.org>
This commit is contained in:
committed by
Daniel D’Aquino
parent
48d3049f3f
commit
8c4783c622
@@ -48,12 +48,30 @@ struct SideMenuView: View {
|
|||||||
|
|
||||||
if damus_state.purple.enable_purple {
|
if damus_state.purple.enable_purple {
|
||||||
NavigationLink(destination: DamusPurpleView(damus_state: damus_state)) {
|
NavigationLink(destination: DamusPurpleView(damus_state: damus_state)) {
|
||||||
HStack(spacing: 23) {
|
HStack(spacing: 16) {
|
||||||
Image("nostr-hashtag")
|
Image("damus-dark-logo")
|
||||||
|
.resizable()
|
||||||
|
.frame(width: 25, height: 25)
|
||||||
|
.clipShape(RoundedRectangle(cornerRadius: 7.0))
|
||||||
|
.overlay(
|
||||||
|
RoundedRectangle(cornerRadius: 7)
|
||||||
|
.stroke(LinearGradient(
|
||||||
|
colors: [DamusColors.lighterPink.opacity(0.8), .white.opacity(0), DamusColors.deepPurple.opacity(0.6)],
|
||||||
|
startPoint: .topLeading,
|
||||||
|
endPoint: .bottomTrailing), lineWidth: 1)
|
||||||
|
)
|
||||||
|
.shadow(radius: 1)
|
||||||
Text("Purple")
|
Text("Purple")
|
||||||
.foregroundColor(DamusColors.purple)
|
|
||||||
.font(.title2.weight(.semibold))
|
.font(.title2.weight(.semibold))
|
||||||
|
.foregroundStyle(
|
||||||
|
LinearGradient(
|
||||||
|
colors: [DamusColors.lighterPink, DamusColors.deepPurple],
|
||||||
|
startPoint: .bottomLeading,
|
||||||
|
endPoint: .topTrailing
|
||||||
|
)
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
.padding(.leading, 2)
|
||||||
.frame(maxWidth: .infinity, alignment: .leading)
|
.frame(maxWidth: .infinity, alignment: .leading)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user