Commit 253e79c1 authored by Johnny's avatar Johnny

style: remove unnecessary font-weight classes for cleaner UI

parent 73c30107
...@@ -33,7 +33,7 @@ const SlashCommands = ({ editorRef, editorActions, commands }: SlashCommandsProp ...@@ -33,7 +33,7 @@ const SlashCommands = ({ editorRef, editorActions, commands }: SlashCommandsProp
onItemSelect={handleItemSelect} onItemSelect={handleItemSelect}
getItemKey={(cmd) => cmd.name} getItemKey={(cmd) => cmd.name}
renderItem={(cmd) => ( renderItem={(cmd) => (
<span className="font-medium tracking-wide"> <span className="tracking-wide">
<span className="text-muted-foreground">/</span> <span className="text-muted-foreground">/</span>
{cmd.name} {cmd.name}
</span> </span>
......
...@@ -27,7 +27,7 @@ const AttachmentItemCard: FC<{ ...@@ -27,7 +27,7 @@ const AttachmentItemCard: FC<{
return ( 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="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 ? ( {category === "image" && thumbnailUrl ? (
<img src={thumbnailUrl} alt="" className="w-full h-full object-cover" /> <img src={thumbnailUrl} alt="" className="w-full h-full object-cover" />
) : ( ) : (
...@@ -36,7 +36,7 @@ const AttachmentItemCard: FC<{ ...@@ -36,7 +36,7 @@ const AttachmentItemCard: FC<{
</div> </div>
<div className="flex-1 min-w-0 flex flex-col sm:flex-row sm:items-baseline gap-0.5 sm:gap-1.5"> <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} {filename}
</span> </span>
...@@ -51,7 +51,7 @@ const AttachmentItemCard: FC<{ ...@@ -51,7 +51,7 @@ const AttachmentItemCard: FC<{
</div> </div>
</div> </div>
<div className="flex-shrink-0 flex items-center gap-0.5"> <div className="shrink-0 flex items-center gap-0.5">
{onMoveUp && ( {onMoveUp && (
<button <button
type="button" type="button"
...@@ -141,7 +141,7 @@ const AttachmentList: FC<AttachmentListProps> = ({ attachments, localFiles = [], ...@@ -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="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"> <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" /> <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>
<div className="p-1 sm:p-1.5 flex flex-col gap-0.5"> <div className="p-1 sm:p-1.5 flex flex-col gap-0.5">
......
...@@ -24,7 +24,7 @@ export const LocationDialog = ({ ...@@ -24,7 +24,7 @@ export const LocationDialog = ({
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <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> <VisuallyHidden>
<DialogClose /> <DialogClose />
</VisuallyHidden> </VisuallyHidden>
...@@ -41,7 +41,7 @@ export const LocationDialog = ({ ...@@ -41,7 +41,7 @@ export const LocationDialog = ({
<div className="w-full flex flex-col p-3 gap-3"> <div className="w-full flex flex-col p-3 gap-3">
<div className="grid grid-cols-2 gap-3"> <div className="grid grid-cols-2 gap-3">
<div className="grid gap-1"> <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 Lat
</Label> </Label>
<Input <Input
...@@ -57,7 +57,7 @@ export const LocationDialog = ({ ...@@ -57,7 +57,7 @@ export const LocationDialog = ({
/> />
</div> </div>
<div className="grid gap-1"> <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 Lng
</Label> </Label>
<Input <Input
...@@ -74,7 +74,7 @@ export const LocationDialog = ({ ...@@ -74,7 +74,7 @@ export const LocationDialog = ({
</div> </div>
</div> </div>
<div className="grid gap-1"> <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")} {t("tooltip.select-location")}
</Label> </Label>
<Textarea <Textarea
......
...@@ -22,7 +22,7 @@ const LocationDisplay: FC<LocationDisplayProps> = ({ location, onRemove, classNa ...@@ -22,7 +22,7 @@ const LocationDisplay: FC<LocationDisplayProps> = ({ location, onRemove, classNa
<MapPinIcon className="w-3.5 h-3.5 shrink-0 text-muted-foreground" /> <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"> <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} {displayText}
</span> </span>
<span className="text-[11px] text-muted-foreground shrink-0 hidden sm:inline"> <span className="text-[11px] text-muted-foreground shrink-0 hidden sm:inline">
......
...@@ -76,7 +76,7 @@ const RelationList: FC<RelationListProps> = ({ relations, onRelationsChange, par ...@@ -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="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"> <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" /> <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>
<div className="p-1 sm:p-1.5 flex flex-col gap-0.5"> <div className="p-1 sm:p-1.5 flex flex-col gap-0.5">
......
...@@ -37,7 +37,7 @@ const DocumentItem = ({ attachment }: { attachment: Attachment }) => { ...@@ -37,7 +37,7 @@ const DocumentItem = ({ attachment }: { attachment: Attachment }) => {
<FileIcon className="w-3 h-3 text-muted-foreground" /> <FileIcon className="w-3 h-3 text-muted-foreground" />
</div> </div>
<div className="flex items-center gap-1 min-w-0"> <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} {attachment.filename}
</span> </span>
<div className="flex items-center gap-1 text-xs text-muted-foreground shrink-0"> <div className="flex items-center gap-1 text-xs text-muted-foreground shrink-0">
......
...@@ -26,7 +26,7 @@ const SectionHeader = ({ icon: Icon, title, count, tabs }: SectionHeaderProps) = ...@@ -26,7 +26,7 @@ const SectionHeader = ({ icon: Icon, title, count, tabs }: SectionHeaderProps) =
<button <button
onClick={tab.onClick} onClick={tab.onClick}
className={cn( 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", tab.active ? "text-foreground" : "text-muted-foreground hover:text-foreground",
)} )}
> >
...@@ -37,7 +37,7 @@ const SectionHeader = ({ icon: Icon, title, count, tabs }: SectionHeaderProps) = ...@@ -37,7 +37,7 @@ const SectionHeader = ({ icon: Icon, title, count, tabs }: SectionHeaderProps) =
))} ))}
</div> </div>
) : ( ) : (
<span className="text-xs font-medium text-foreground"> <span className="text-xs text-foreground">
{title} ({count}) {title} ({count})
</span> </span>
)} )}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment