benya/Messenger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web(mobile): tighten composer controls and solid settings drawer background
All checks were successful
CI / test (push) Successful in 37s
Details

Browse Source
This commit is contained in:
Alex
2026-03-08 19:17:58 +03:00
parent fb812c9a39
commit cb59f1063e
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/MessageComposer.tsx
View File

@@ -1202,7 +1202,7 @@ export function MessageComposer() {
</button> </button>
<button <button
className="h-10 min-w-10 rounded-full bg-slate-700/85 px-2 text-xs font-semibold text-slate-200 hover:bg-slate-700 disabled:opacity-60 sm:h-[42px] sm:min-w-[42px]" className="hidden h-10 min-w-10 rounded-full bg-slate-700/85 px-2 text-xs font-semibold text-slate-200 hover:bg-slate-700 disabled:opacity-60 min-[430px]:inline-flex sm:h-[42px] sm:min-w-[42px]"
disabled={!canSendInActiveChat} disabled={!canSendInActiveChat}
onClick={() => { onClick={() => {
setShowStickerMenu(false); setShowStickerMenu(false);
@@ -1226,7 +1226,7 @@ export function MessageComposer() {
<textarea <textarea
ref={textareaRef} ref={textareaRef}
className="min-h-[42px] min-w-0 max-h-40 flex-1 resize-y rounded-2xl border border-slate-700/80 bg-slate-800/80 px-3 py-2.5 text-sm outline-none placeholder:text-slate-400 focus:border-sky-500 sm:px-4" className="min-h-[42px] min-w-[120px] max-h-40 flex-1 resize-y rounded-2xl border border-slate-700/80 bg-slate-800/80 px-3 py-2.5 text-sm outline-none placeholder:text-slate-400 focus:border-sky-500 sm:px-4"
placeholder={canSendInActiveChat ? "Write a message..." : "Read-only channel"} placeholder={canSendInActiveChat ? "Write a message..." : "Read-only channel"}
rows={1} rows={1}
value={text} value={text}

2
web/src/components/SettingsPanel.tsx
View File

@@ -238,7 +238,7 @@ export function SettingsPanel({ open, onClose }: Props) {
return createPortal( return createPortal(
<div className="fixed inset-0 z-[150] bg-slate-950/60" onClick={onClose}> <div className="fixed inset-0 z-[150] bg-slate-950/60" onClick={onClose}>
<aside <aside
className="absolute left-0 top-0 flex h-full w-full max-w-md flex-col border-r border-slate-700/70 bg-slate-900/95 shadow-2xl" className="absolute left-0 top-0 flex h-full w-full max-w-md flex-col border-r border-slate-700/70 bg-slate-900 shadow-2xl"
onClick={(event) => event.stopPropagation()} onClick={(event) => event.stopPropagation()}
> >
<div className="flex items-center justify-between border-b border-slate-700/60 px-4 py-3"> <div className="flex items-center justify-between border-b border-slate-700/60 px-4 py-3">