fixed icons on sidebar

This commit is contained in:
SlimusMinus
2026-08-31 01:53:12 +03:00
parent b28ae651b3
commit b60a92ab55
6 changed files with 24 additions and 11 deletions

View File

@@ -25,7 +25,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<title>Находка</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>

View File

@@ -63,11 +63,10 @@ export default function PostDetailModal({ postId, onClose, onImageClick, onLocat
return (
<div className="f-modal-bg" onClick={(e) => e.target === e.currentTarget && onClose()}>
<button type="button" className="f-close-btn f-post-detail-close" onClick={onClose} aria-label={t("common.close")}>
<CloseIcon />
</button>
<div className="f-modal f-post-detail-modal" onClick={(e) => e.stopPropagation()}>
<button type="button" className="f-close-btn f-post-detail-close" onClick={onClose} aria-label={t("common.close")}>
<CloseIcon />
</button>
{loading && (
<div className="f-post-detail-status">
<div className="f-spinner" />

View File

@@ -6,13 +6,18 @@ export const NavIcons = {
</svg>
),
box: () => (
<svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round">
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" /><polyline points="3.27 6.96 12 12.01 20.73 6.96" /><line x1="12" y1="22.08" x2="12" y2="12" />
<svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
<path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
<rect width="20" height="14" x="2" y="6" rx="2" />
</svg>
),
paw: () => (
<svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round">
<path d="M6 8c0-1 1-2 2-2s2 1 2 2v1M16 8c0-1 1-2 2-2s2 1 2 2v1M8 10h8M10 13h4M6 12c-1 0-2 1.5-2 3 0 2.5 1.5 4 2.5 4h9c1 0 2.5-1.5 2.5-4 0-1.5-1-3-2-3" />
<svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
<ellipse cx="6.2" cy="10" rx="2.4" ry="2.9" transform="rotate(-15 6.2 10)" />
<ellipse cx="17.8" cy="10" rx="2.4" ry="2.9" transform="rotate(15 17.8 10)" />
<ellipse cx="9.5" cy="6.6" rx="2.3" ry="2.6" transform="rotate(-6 9.5 6.6)" />
<ellipse cx="14.5" cy="6.6" rx="2.3" ry="2.6" transform="rotate(6 14.5 6.6)" />
<path d="M12 11.6c-3.6 0-6.4 2.5-6.4 5.2 0 1.8 1.4 3.2 3.4 3.2 1.1 0 2.1-.5 3-.5s1.9.5 3 .5c2 0 3.4-1.4 3.4-3.2 0-2.7-2.8-5.2-6.4-5.2z" />
</svg>
),
chat: () => (

View File

@@ -74,6 +74,7 @@ export default function ReviewsPage() {
onLoginClick={() => setAuthModalOpen(true)}
loginLabel={t('reviews.login')}
centerContent={<h1 className="rv-page-title">{t('reviews.title')}</h1>}
hideWordmark
/>
<div className="rv-layout">

View File

@@ -447,9 +447,15 @@
}
.f-post-detail-close {
position: absolute;
top: 12px;
right: 12px;
top: calc(12px + env(safe-area-inset-top, 0px));
right: calc(12px + env(safe-area-inset-right, 0px));
z-index: 10;
color: #262626;
border-color: rgba(0,0,0,.08);
background: rgba(255,255,255,.9);
}
.f-post-detail-close:hover {
color: #262626;
}
.f-post-detail-status {
display: flex;

View File

@@ -82,9 +82,11 @@
.f-sb-profile .f-profile-avatar {
width: 32px; height: 32px;
border: 2px solid var(--border);
border-radius: 9px;
}
.f-sb-profile .f-profile-avatar-placeholder {
width: 32px; height: 32px; font-size: 1rem;
border-radius: 9px;
}
.f-sb-profile-info { flex: 1; min-width: 0; }
.f-sb-profile-name {