berkeley-mobile-ios/berkeley-mobile/Map/MapMakerDetailSwiftView.swift at dff7222ef7599f88042bf329c0a969f642ac6710 · asuc-octo/berkeley-mobile-ios · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
//
//  MapMakerDetailSwiftView.swift
//  berkeley-mobile
//
//  Created by Dylan Chhum on 3/11/25.
//  Copyright © 2025 ASUC OCTO. All rights reserved.
//

import SwiftUI

struct MapMakerDetailSwiftView: View {
    var body: some View {
        ZStack {
            Color(.black)
                .opacity(0.4)
                .ignoresSafeArea()

            HStack {
                Rectangle()
                    .fill(Color.purple)
                    .frame(width: 10)

                VStack {
                    HStack {
                        Text("The Den")
                            .font(.title)
                            .bold()
                            .padding([.leading], 25)
                            .padding(.top, 10)
                        Spacer()

                        Button {
                            return
                        } label: {
                            Image(systemName: "xmark")
                            .padding(.trailing, 10)
                            .foregroundStyle(Color.gray)
                        }


                    }

                    Spacer()

                    HStack {
                        Text("A retail Cal Dining location featuring a Peet Coffee & tea store, made- to-go order deli and bagels bar, smoothies, and grab-and-go items.")
                            .font(.system(size: 15, weight: .light))
                            .padding(.leading, 20)
                    }

                    Spacer()

                    HStack {
                        Spacer()
                        Image(systemName: "clock")


                        Button {
                            return
                        } label: {
                            Rectangle()
                                .fill(Color.blue)
                                .cornerRadius(300)
                                .frame(width: 75, height: 25)
                                .overlay(Text("Open")
                                    .foregroundStyle(Color.white))
                        }


                        Spacer()
                        Image(systemName: "mappin.and.ellipse")
                        Text("Residential Student Services Building")
                            .font(.system(size: 15, weight: .light))
                        Spacer()
                        Image(systemName: "fork.knife")
                        Text("<10")
                        Spacer()

                    }

                }

            }
            .background(Color.white)
            .clipShape(RoundedRectangle(cornerRadius: 12))
            .frame(width:400, height: 150)
            .shadow(color: Color.black.opacity(0.2), radius: 10, x: 0, y: 5)
            .padding(.horizontal, 20)

        }

    }
}

#Preview {
    MapMakerDetailSwiftView()
}