Просмотр исходного кода

Refine home action tile sizing for tighter layout.

Reduce tile dimensions and spacing while increasing icon glyph size for better visual balance in the New meeting, Join, and Schedule actions.

Made-with: Cursor
huzaifahayat12 3 месяцев назад
Родитель
Сommit
fdc181c57f
1 измененных файлов с 14 добавлено и 10 удалено
  1. 14 10
      zoom_app/ViewController.swift

+ 14 - 10
zoom_app/ViewController.swift

@@ -934,7 +934,7 @@ class ViewController: NSViewController {
             makeActionTile(title: "Schedule", symbol: "calendar", color: accentBlue, action: #selector(scheduleMeetingWebTapped))
             makeActionTile(title: "Schedule", symbol: "calendar", color: accentBlue, action: #selector(scheduleMeetingWebTapped))
         ])
         ])
         actions.orientation = .horizontal
         actions.orientation = .horizontal
-        actions.spacing = 16
+        actions.spacing = 12
         actions.alignment = .centerY
         actions.alignment = .centerY
         actions.distribution = .fillEqually
         actions.distribution = .fillEqually
 
 
@@ -1284,21 +1284,25 @@ class ViewController: NSViewController {
     private func makeActionTile(title: String, symbol: String, color: NSColor, action: Selector? = nil) -> NSView {
     private func makeActionTile(title: String, symbol: String, color: NSColor, action: Selector? = nil) -> NSView {
         let root = NSView()
         let root = NSView()
         root.translatesAutoresizingMaskIntoConstraints = false
         root.translatesAutoresizingMaskIntoConstraints = false
-        root.widthAnchor.constraint(equalToConstant: 104).isActive = true
-        root.heightAnchor.constraint(equalToConstant: 100).isActive = true
+        root.widthAnchor.constraint(equalToConstant: 88).isActive = true
+        root.heightAnchor.constraint(equalToConstant: 70).isActive = true
 
 
         let iconButton = NSButton(title: "", target: action == nil ? nil : self, action: action)
         let iconButton = NSButton(title: "", target: action == nil ? nil : self, action: action)
         iconButton.isBordered = false
         iconButton.isBordered = false
         iconButton.wantsLayer = true
         iconButton.wantsLayer = true
         iconButton.layer?.backgroundColor = color.cgColor
         iconButton.layer?.backgroundColor = color.cgColor
-        iconButton.layer?.cornerRadius = 20
+        iconButton.layer?.cornerRadius = 15
         iconButton.layer?.shadowOpacity = 0.2
         iconButton.layer?.shadowOpacity = 0.2
         iconButton.layer?.shadowRadius = 7
         iconButton.layer?.shadowRadius = 7
         iconButton.layer?.shadowOffset = NSSize(width: 0, height: -1)
         iconButton.layer?.shadowOffset = NSSize(width: 0, height: -1)
-        iconButton.image = NSImage(systemSymbolName: symbol, accessibilityDescription: title)
+        let symbolConfig = NSImage.SymbolConfiguration(pointSize: 22, weight: .semibold)
+        if let baseImage = NSImage(systemSymbolName: symbol, accessibilityDescription: title),
+           let configured = baseImage.withSymbolConfiguration(symbolConfig) {
+            iconButton.image = configured
+        }
         iconButton.contentTintColor = .white
         iconButton.contentTintColor = .white
-        iconButton.imageScaling = .scaleProportionallyUpOrDown
-        let label = makeLabel(title, size: 14, color: secondaryText, weight: .regular, centered: true)
+        iconButton.imageScaling = .scaleNone
+        let label = makeLabel(title, size: 12, color: secondaryText, weight: .regular, centered: true)
 
 
         [iconButton, label].forEach {
         [iconButton, label].forEach {
             $0.translatesAutoresizingMaskIntoConstraints = false
             $0.translatesAutoresizingMaskIntoConstraints = false
@@ -1307,9 +1311,9 @@ class ViewController: NSViewController {
         NSLayoutConstraint.activate([
         NSLayoutConstraint.activate([
             iconButton.topAnchor.constraint(equalTo: root.topAnchor),
             iconButton.topAnchor.constraint(equalTo: root.topAnchor),
             iconButton.centerXAnchor.constraint(equalTo: root.centerXAnchor),
             iconButton.centerXAnchor.constraint(equalTo: root.centerXAnchor),
-            iconButton.widthAnchor.constraint(equalToConstant: 64),
-            iconButton.heightAnchor.constraint(equalToConstant: 64),
-            label.topAnchor.constraint(equalTo: iconButton.bottomAnchor, constant: 10),
+            iconButton.widthAnchor.constraint(equalToConstant: 50),
+            iconButton.heightAnchor.constraint(equalToConstant: 50),
+            label.topAnchor.constraint(equalTo: iconButton.bottomAnchor, constant: 8),
             label.centerXAnchor.constraint(equalTo: root.centerXAnchor),
             label.centerXAnchor.constraint(equalTo: root.centerXAnchor),
             label.bottomAnchor.constraint(equalTo: root.bottomAnchor)
             label.bottomAnchor.constraint(equalTo: root.bottomAnchor)
         ])
         ])