mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-24 13:35:57 +03:00
Code Issues Projects Releases Packages 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 {
button {
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 { DownOutlined } from '@ant-design/icons';
import { CaretDownOutlined, UserOutlined } from '@ant-design/icons';
import { useRecoilState, useRecoilValue } from 'recoil';
import { useState } from 'react';
import Modal from '../../ui/Modal/Modal';
@ -48,10 +48,10 @@ export default function UserDropdown({ username: defaultUsername, chatState }: P
return (
<div className={`${s.root}`}>
<Dropdown overlay={menu} trigger={['click']}>
<Button>
<Button icon={<UserOutlined style={{ marginRight: '.5rem' }} />}>
<Space>
{username}
<DownOutlined />
<CaretDownOutlined />
</Space>
</Button>
</Dropdown>