golang/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2025-11-01 10:55:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

UI: Make the Admin menu sidebar colors on hover consistent (#2778)

Browse Source 
* ui: overwrite default antd menu-item hover colors for consistency

* ui fix: make the hover color of icon and text consistent in admin sidebar

* fix: make the 'followers'  menuitem icon consistent with other sidebar icons
This commit is contained in:
Pranav Joglekar
2023-03-06 10:16:31 +05:30
committed by GitHub
parent febfa0917f
commit f6a2e8d3a2
3 changed files with 43 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/components/admin/MainLayout.tsx
View File

@ -61,6 +61,10 @@ const EditOutlined = dynamic(() => import('@ant-design/icons/EditOutlined'), {
ssr: false,
});
const FediverseOutlined = dynamic(() => import('../../assets/images/icons/fediverse.svg'), {
ssr: false,
});
export type MainLayoutProps = {
children: ReactNode;
};
@ -232,12 +236,15 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
key: 'fediverse-followers',
label: <Link href="/admin/federation/followers">Followers</Link>,
icon: (
<img
alt="fediverse icon"
src="/img/fediverse-black.png"
width="17rem"
style={{ opacity: 0.6, position: 'relative', top: '-1px' }}
/>
<span
role="img"
aria-label="message"
className="anticon anticon-message ant-menu-item-icon"
>
{/* Wrapping the icon in span for consistency with other icons used
directly from antd */}
<FediverseOutlined />
</span>
),
},
{