nns/food-market
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(web): центр уведомлений открывается вправо от колокольчика (не обрезается)
Some checks are pending
Auto-tag / Create date-tag (push) Waiting to run
Details
CI / Backend (.NET 8) (push) Waiting to run
Details
CI / Web (React + Vite) (push) Waiting to run
Details
CI / POS (WPF, Windows) (push) Waiting to run
Details
Docker Web / Build + push Web (push) Waiting to run
Details
Docker Web / Deploy Web on stage (push) Blocked by required conditions
Details

Browse source 
Колокольчик в футере сайдбара слева — popover с right-0 уходил за левый край
экрана. left-0 раскрывает его вправо в область контента.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
nns 2026-10-09 03:06:45 +05:00
parent 29a951a6ff
commit 09ee0562c2
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/food-market.web/src/components/NotificationCenter.tsx
View file

@ -109,7 +109,7 @@ export function NotificationCenter() {
</button> </button>
{open && ( {open && (
<div role="dialog" aria-label="Уведомления" className="absolute right-0 bottom-full mb-2 w-80 max-w-[90vw] bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg shadow-xl z-50"> <div role="dialog" aria-label="Уведомления" className="absolute left-0 bottom-full mb-2 w-80 max-w-[90vw] bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg shadow-xl z-50">
<div className="flex items-center justify-between px-3 py-2 border-b border-slate-200 dark:border-slate-800"> <div className="flex items-center justify-between px-3 py-2 border-b border-slate-200 dark:border-slate-800">
<h3 className="text-sm font-semibold text-slate-900 dark:text-slate-100">Уведомления</h3> <h3 className="text-sm font-semibold text-slate-900 dark:text-slate-100">Уведомления</h3>
<button type="button" onClick={() => setOpen(false)} aria-label="Закрыть" className="text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-100"> <button type="button" onClick={() => setOpen(false)} aria-label="Закрыть" className="text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-100">