happyz
/
memos
mirror of https://github.com/usememos/memos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: remove unnecessary font-weight classes for cleaner UI

This commit is contained in:
Johnny 2026-01-13 23:19:43 +08:00
parent 73c301072b
commit 253e79c111
7 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/MemoEditor/Editor/SlashCommands.tsx
View File

@ -33,7 +33,7 @@ const SlashCommands = ({ editorRef, editorActions, commands }: SlashCommandsProp
onItemSelect={handleItemSelect}
getItemKey={(cmd) => cmd.name}
renderItem={(cmd) => (
<span className="font-medium tracking-wide">
<span className="tracking-wide">
<span className="text-muted-foreground">/</span>
{cmd.name}
</span>

8
web/src/components/MemoEditor/components/AttachmentList.tsx
View File

@ -27,7 +27,7 @@ const AttachmentItemCard: FC<{
return (
<div className="relative flex items-center gap-1.5 px-1.5 py-1 rounded border border-transparent hover:border-border hover:bg-accent/20 transition-all">
<div className="flex-shrink-0 w-6 h-6 rounded overflow-hidden bg-muted/40 flex items-center justify-center">
<div className="shrink-0 w-6 h-6 rounded overflow-hidden bg-muted/40 flex items-center justify-center">
{category === "image" && thumbnailUrl ? (
<img src={thumbnailUrl} alt="" className="w-full h-full object-cover" />
) : (
@ -36,7 +36,7 @@ const AttachmentItemCard: FC<{
</div>
<div className="flex-1 min-w-0 flex flex-col sm:flex-row sm:items-baseline gap-0.5 sm:gap-1.5">
<span className="text-xs font-medium truncate" title={filename}>
<span className="text-xs truncate" title={filename}>
{filename}
</span>
@ -51,7 +51,7 @@ const AttachmentItemCard: FC<{
</div>
</div>
<div className="flex-shrink-0 flex items-center gap-0.5">
<div className="shrink-0 flex items-center gap-0.5">
{onMoveUp && (
<button
type="button"
@ -141,7 +141,7 @@ const AttachmentList: FC<AttachmentListProps> = ({ attachments, localFiles = [],
<div className="w-full rounded-lg border border-border bg-muted/20 overflow-hidden">
<div className="flex items-center gap-1.5 px-2 py-1.5 border-b border-border bg-muted/30">
<PaperclipIcon className="w-3.5 h-3.5 text-muted-foreground" />
<span className="text-xs font-medium text-muted-foreground">Attachments ({items.length})</span>
<span className="text-xs text-muted-foreground">Attachments ({items.length})</span>
</div>
<div className="p-1 sm:p-1.5 flex flex-col gap-0.5">

8
web/src/components/MemoEditor/components/LocationDialog.tsx
View File

@ -24,7 +24,7 @@ export const LocationDialog = ({
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-[min(28rem,calc(100vw-2rem))] !p-0">
<DialogContent className="max-w-[min(28rem,calc(100vw-2rem))] p-0!">
<VisuallyHidden>
<DialogClose />
</VisuallyHidden>
@ -41,7 +41,7 @@ export const LocationDialog = ({
<div className="w-full flex flex-col p-3 gap-3">
<div className="grid grid-cols-2 gap-3">
<div className="grid gap-1">
<Label htmlFor="memo-location-lat" className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
<Label htmlFor="memo-location-lat" className="text-xs uppercase tracking-wide text-muted-foreground">
Lat
</Label>
<Input
@ -57,7 +57,7 @@ export const LocationDialog = ({
/>
</div>
<div className="grid gap-1">
<Label htmlFor="memo-location-lng" className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
<Label htmlFor="memo-location-lng" className="text-xs uppercase tracking-wide text-muted-foreground">
Lng
</Label>
<Input
@ -74,7 +74,7 @@ export const LocationDialog = ({
</div>
</div>
<div className="grid gap-1">
<Label htmlFor="memo-location-placeholder" className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
<Label htmlFor="memo-location-placeholder" className="text-xs uppercase tracking-wide text-muted-foreground">
{t("tooltip.select-location")}
</Label>
<Textarea

2
web/src/components/MemoEditor/components/LocationDisplay.tsx
View File

@ -22,7 +22,7 @@ const LocationDisplay: FC<LocationDisplayProps> = ({ location, onRemove, classNa
<MapPinIcon className="w-3.5 h-3.5 shrink-0 text-muted-foreground" />
<div className="flex items-center gap-1.5 min-w-0 flex-1">
<span className="text-xs font-medium truncate" title={displayText}>
<span className="text-xs truncate" title={displayText}>
{displayText}
</span>
<span className="text-[11px] text-muted-foreground shrink-0 hidden sm:inline">

2
web/src/components/MemoEditor/components/RelationList.tsx
View File

@ -76,7 +76,7 @@ const RelationList: FC<RelationListProps> = ({ relations, onRelationsChange, par
<div className="w-full rounded-lg border border-border bg-muted/20 overflow-hidden">
<div className="flex items-center gap-1.5 px-2 py-1.5 border-b border-border bg-muted/30">
<LinkIcon className="w-3.5 h-3.5 text-muted-foreground" />
<span className="text-xs font-medium text-muted-foreground">Relations ({referenceRelations.length})</span>
<span className="text-xs text-muted-foreground">Relations ({referenceRelations.length})</span>
</div>
<div className="p-1 sm:p-1.5 flex flex-col gap-0.5">

2
web/src/components/MemoView/components/metadata/AttachmentList.tsx
View File

@ -37,7 +37,7 @@ const DocumentItem = ({ attachment }: { attachment: Attachment }) => {
<FileIcon className="w-3 h-3 text-muted-foreground" />
</div>
<div className="flex items-center gap-1 min-w-0">
<span className="text-xs font-medium truncate" title={attachment.filename}>
<span className="text-xs truncate" title={attachment.filename}>
{attachment.filename}
</span>
<div className="flex items-center gap-1 text-xs text-muted-foreground shrink-0">

4
web/src/components/MemoView/components/metadata/SectionHeader.tsx
View File

@ -26,7 +26,7 @@ const SectionHeader = ({ icon: Icon, title, count, tabs }: SectionHeaderProps) =
<button
onClick={tab.onClick}
className={cn(
"text-xs font-medium px-0 py-0 transition-colors",
"text-xs px-0 py-0 transition-colors",
tab.active ? "text-foreground" : "text-muted-foreground hover:text-foreground",
)}
>
@ -37,7 +37,7 @@ const SectionHeader = ({ icon: Icon, title, count, tabs }: SectionHeaderProps) =
))}
</div>
) : (
<span className="text-xs font-medium text-foreground">
<span className="text-xs text-foreground">
{title} ({count})
</span>
)}