constrain grid card image size to 1/3 of card width

This commit is contained in:
Satindar Dhillon
2022-03-10 11:57:03 -08:00
parent 7ea237316d
commit 89694ca3d2
2 changed files with 14 additions and 14 deletions

View File

@ -43,8 +43,6 @@ public struct PrimaryContentView: View {
NavigationView {
// The first column is the sidebar.
PrimaryContentSidebar(categories: categories)
.navigationTitle("")
.navigationBarTitleDisplayMode(.inline)
// Second column is the Primary Nav Stack
PrimaryContentCategory.feed.destinationView

View File

@ -121,20 +121,22 @@ public struct GridCard: View {
.padding(.horizontal)
// Link description and image
HStack(alignment: .top) {
Text(item.description ?? item.title)
.font(.appFootnote)
.foregroundColor(.appGrayTextContrast)
.lineLimit(nil)
.multilineTextAlignment(.leading)
GeometryReader { geo in
HStack(alignment: .top) {
Text(item.description ?? item.title)
.font(.appFootnote)
.foregroundColor(.appGrayTextContrast)
.lineLimit(nil)
.multilineTextAlignment(.leading)
Spacer()
Spacer()
if let imageURL = item.imageURL {
AsyncImage(url: imageURL, isResizable: true)
.aspectRatio(1, contentMode: .fill)
.frame(width: 135, height: 90)
.cornerRadius(3)
if let imageURL = item.imageURL {
AsyncImage(url: imageURL, isResizable: true)
.aspectRatio(1, contentMode: .fill)
.frame(width: min(geo.size.width / 3, 135), height: min((geo.size.width * 2) / 9, 90))
.cornerRadius(3)
}
}
}
.frame(height: 95)