Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

column border color

Browse Source
This commit is contained in:
Martti Malmi
2023-12-02 21:44:32 +02:00
parent 9f6ca8e756
commit 052d3b0037
4 changed files with 4 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app/src/Element/SearchBox.tsx
View File

@ -169,9 +169,7 @@ export default function SearchBox() {
ref={resultListRef}> ref={resultListRef}>
<div <div
className={`p-2 cursor-pointer ${ className={`p-2 cursor-pointer ${
activeIndex === 0 activeIndex === 0 ? "bg-bg-secondary" : "bg-bg-color hover:bg-bg-secondary"
? "bg-bg-secondary"
: "bg-bg-color hover:bg-bg-secondary"
}`} }`}
onMouseEnter={() => setActiveIndex(0)} onMouseEnter={() => setActiveIndex(0)}
onClick={() => navigate(`/search/${encodeURIComponent(search)}`, { state: { forceRefresh: true } })}> onClick={() => navigate(`/search/${encodeURIComponent(search)}`, { state: { forceRefresh: true } })}>
@ -181,9 +179,7 @@ export default function SearchBox() {
<div <div
key={idx} key={idx}
className={`p-2 cursor-pointer ${ className={`p-2 cursor-pointer ${
activeIndex === idx + 1 activeIndex === idx + 1 ? "bg-bg-secondary" : "bg-bg-color hover:bg-bg-secondary"
? "bg-bg-secondary"
: "bg-bg-color hover:bg-bg-secondary"
}`} }`}
onMouseEnter={() => setActiveIndex(idx + 1)}> onMouseEnter={() => setActiveIndex(idx + 1)}>
<ProfileImage pubkey={result.pubkey} showProfileCard={false} /> <ProfileImage pubkey={result.pubkey} showProfileCard={false} />

2
packages/app/src/Pages/Layout/NavSidebar.tsx
View File

@ -78,7 +78,7 @@ export default function NavSidebar({ narrow = false }) {
const className = classNames( const className = classNames(
{ "xl:w-56 xl:gap-3 xl:items-start": !narrow }, { "xl:w-56 xl:gap-3 xl:items-start": !narrow },
"overflow-y-auto hide-scrollbar sticky items-center border-r border-neutral-900 top-0 z-20 h-screen max-h-screen hidden md:flex flex-col px-2 py-4 flex-shrink-0 gap-2", "overflow-y-auto hide-scrollbar sticky items-center border-r border-border-color top-0 z-20 h-screen max-h-screen hidden md:flex flex-col px-2 py-4 flex-shrink-0 gap-2",
); );
const readOnlyIcon = readonly && ( const readOnlyIcon = readonly && (

2
packages/app/src/Pages/Layout/RightColumn.tsx
View File

@ -8,7 +8,7 @@ export default function RightColumn() {
const show = !hideRightColumnPaths.some(path => location.pathname.startsWith(path)); const show = !hideRightColumnPaths.some(path => location.pathname.startsWith(path));
return ( return (
<div <div
className={classNames("flex-col hidden lg:w-1/3 sticky top-0 h-screen py-3 px-4 border-l border-neutral-900", { className={classNames("flex-col hidden lg:w-1/3 sticky top-0 h-screen py-3 px-4 border-l border-border-color", {
"lg:flex": show, "lg:flex": show,
})}> })}>
<div> <div>

3
packages/app/src/Pages/Profile/ProfilePage.css
View File

@ -2,9 +2,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
border: 1px solid var(--border-color);
border-bottom: none;
border-top: none;
} }
.profile .banner { .profile .banner {