feat: Redesign the note window with a borderless style and refined visuals, and update the README with multiple screenshots.

This commit is contained in:
Paweł Orzech 2026-01-18 02:09:36 +00:00
parent 0bd61ef621
commit f9ae8c43cc
No known key found for this signature in database
2 changed files with 13 additions and 9 deletions

View file

@ -11,7 +11,7 @@ class NotePanel: NSPanel {
super.init( super.init(
contentRect: NSRect(x: 0, y: 0, width: 500, height: 280), contentRect: NSRect(x: 0, y: 0, width: 500, height: 280),
styleMask: [.titled, .closable, .resizable, .fullSizeContentView], styleMask: [.borderless, .resizable, .fullSizeContentView],
backing: .buffered, backing: .buffered,
defer: false defer: false
) )
@ -92,7 +92,7 @@ struct NoteWindowView: View {
.frame(minHeight: 150) .frame(minHeight: 150)
} }
.padding(16) .padding(16)
.background(Color(NSColor.textBackgroundColor).opacity(0.5)) .background(Color.white.opacity(0.1))
// Bottom bar // Bottom bar
HStack(spacing: 16) { HStack(spacing: 16) {
@ -146,8 +146,8 @@ struct NoteWindowView: View {
// Character/word count // Character/word count
HStack(spacing: 6) { HStack(spacing: 6) {
Text("\(wordCount) words") Text("\(wordCount) words")
Text("") Text("·")
.foregroundColor(.secondary.opacity(0.6)) .foregroundColor(.secondary.opacity(0.4))
Text("\(charCount) chars") Text("\(charCount) chars")
} }
.font(.system(size: 12)) .font(.system(size: 12))
@ -179,13 +179,14 @@ struct NoteWindowView: View {
.background(.regularMaterial) .background(.regularMaterial)
} }
.background( .background(
VisualEffectView(material: .hudWindow, blendingMode: .behindWindow) VisualEffectView(material: .fullScreenUI, blendingMode: .behindWindow)
) )
.clipShape(RoundedRectangle(cornerRadius: 12)) .clipShape(RoundedRectangle(cornerRadius: 16))
.overlay( .overlay(
RoundedRectangle(cornerRadius: 12) RoundedRectangle(cornerRadius: 16)
.stroke(Color(NSColor.separatorColor), lineWidth: 0.5) .stroke(Color.white.opacity(0.2), lineWidth: 1)
) )
.shadow(color: Color.black.opacity(0.3), radius: 20, x: 0, y: 10)
.frame(minWidth: 400, minHeight: 200) .frame(minWidth: 400, minHeight: 200)
.onAppear { .onAppear {
visibility = appState.defaultVisibility visibility = appState.defaultVisibility

View file

@ -2,7 +2,10 @@
A lightweight macOS menubar app for quickly capturing notes to your self-hosted [Memos](https://github.com/usememos/memos) instance. A lightweight macOS menubar app for quickly capturing notes to your self-hosted [Memos](https://github.com/usememos/memos) instance.
![FastMemos Screenshot](screenshot.png) <p align="center">
<img src="screenshot.png" alt="FastMemos Note Window" width="400">
<img src="screenshot-menu.png" alt="FastMemos Menubar" width="280">
</p>
## Features ## Features