Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed user dropdown to include icon and removed font size

Browse Source
This commit is contained in:
t1enne 2022-05-22 08:36:52 +02:00
parent 99f40e28cb
commit e045ab605b
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/common/UserDropdown/UserDropdown.module.scss
View File

@ -1,7 +1,5 @@
.root { .root {
button { button {
border: none; border: none;
font-size: 1rem;
font-weight: 600;
} }
} }

6
web/components/common/UserDropdown/UserDropdown.tsx
View File

@ -1,5 +1,5 @@
import { Menu, Dropdown, Button, Space } from 'antd'; import { Menu, Dropdown, Button, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { CaretDownOutlined, UserOutlined } from '@ant-design/icons';
import { useRecoilState, useRecoilValue } from 'recoil'; import { useRecoilState, useRecoilValue } from 'recoil';
import { useState } from 'react'; import { useState } from 'react';
import Modal from '../../ui/Modal/Modal'; import Modal from '../../ui/Modal/Modal';
@ -48,10 +48,10 @@ export default function UserDropdown({ username: defaultUsername, chatState }: P
return ( return (
<div className={`${s.root}`}> <div className={`${s.root}`}>
<Dropdown overlay={menu} trigger={['click']}> <Dropdown overlay={menu} trigger={['click']}>
<Button> <Button icon={<UserOutlined style={{ marginRight: '.5rem' }} />}>
<Space> <Space>
{username} {username}
<DownOutlined /> <CaretDownOutlined />
</Space> </Space>
</Button> </Button>
</Dropdown> </Dropdown>