Added the base of the Menu Bar UI

This commit is contained in:
SerenityUX 2023-04-26 21:26:43 -04:00
parent 1378eb7eb3
commit 5ae3d37243
8 changed files with 127 additions and 8 deletions

View file

@ -5,6 +5,7 @@
<key>com.apple.security.application-groups</key>
<array>
<string>$(APP_GROUP_IDENTIFIER)</string>
<string>group.ThomasStubblefield.Unifriend.onesignal</string>
</array>
</dict>
</plist>

View file

@ -0,0 +1,21 @@
{
"images" : [
{
"filename" : "sampleNetworkIcon.png",
"idiom" : "universal",
"scale" : "1x"
},
{
"idiom" : "universal",
"scale" : "2x"
},
{
"idiom" : "universal",
"scale" : "3x"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 209 KiB

View file

@ -1,9 +1,28 @@
//
// burrow_barApp.swift
// burrow-bar
//
// Created by Thomas Stubblefield on 4/19/23.
//
import SwiftUI
import FluidMenuBarExtra
@main
struct BurrowApp: App {
struct burrowBarApp: App {
@NSApplicationDelegateAdaptor private var appDelegate: AppDelegate
var body: some Scene {
WindowGroup {
Settings {
Text("Burrow")
}
}
}
class AppDelegate: NSObject, NSApplicationDelegate {
private var menuBarExtra: FluidMenuBarExtra?
func applicationDidFinishLaunching(_ notification: Notification) {
self.menuBarExtra = FluidMenuBarExtra(title: "Burrow", systemImage: "network.badge.shield.half.filled") {
ContentView()
}
}

View file

@ -2,13 +2,44 @@ import SwiftUI
struct ContentView: View {
var body: some View {
VStack {
Image(systemName: "globe")
.imageScale(.large)
.foregroundColor(.accentColor)
Text("Hello, world!")
VStack(alignment: .leading) {
HStack {
Text("Networks")
.font(.title3)
Spacer()
Image(systemName: "badge.plus.radiowaves.forward")
.symbolRenderingMode(.palette)
.foregroundStyle(.blue, .black)
.imageScale(.large) }
Divider()
VStack(alignment: .leading) {
Text("Your Burrows")
.padding(.top, 2)
.font(.subheadline)
.fontWeight(.bold)
HStack {
Image("sampleNetworkIcon")
.resizable()
.frame(width: 32, height: 32)
.cornerRadius(100)
VStack(alignment: .leading) {
Text("Penguin Pair Burrow")
.fontWeight(.medium)
Text("􁠲 Recently Validated Certificate")
.font(.caption2)
.foregroundColor(.blue)
}
}
}
}
.padding()
.padding()
}
}