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

Some admin related appearance tweaks. For working on #1904

Browse Source
This commit is contained in:
Gabe Kangas
2022-12-16 17:34:51 -08:00
parent 4d2e93cc30
commit aa5d5fc32d
5 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/components/BanUserButton.tsx
View File

@ -72,6 +72,7 @@ export const BanUserButton: FC<BanUserButtonProps> = ({ user, isEnabled, label,
return ( return (
<Button <Button
type="primary"
onClick={confirmBlockAction} onClick={confirmBlockAction}
size="small" size="small"
icon={isEnabled ? <StopTwoTone twoToneColor="#ff4d4f" /> : null} icon={isEnabled ? <StopTwoTone twoToneColor="#ff4d4f" /> : null}

1
web/components/MainLayout.tsx
View File

@ -217,7 +217,6 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
key: 'viewer-info', key: 'viewer-info',
}, },
!chatDisabled && { !chatDisabled && {
key: 'chat-config',
label: <Link href="/admin/viewer-info">Chat &amp; Users</Link>, label: <Link href="/admin/viewer-info">Chat &amp; Users</Link>,
icon: <MessageOutlined />, icon: <MessageOutlined />,
children: chatMenu, children: chatMenu,

1
web/components/ModeratorUserButton.tsx
View File

@ -75,6 +75,7 @@ export const ModeratorUserButton: FC<ModeratorUserButtonProps> = ({ user, onClic
return ( return (
<Button <Button
type="primary"
onClick={confirmBlockAction} onClick={confirmBlockAction}
size="small" size="small"
icon={ icon={

4
web/public/styles/admin/main-layout.css
View File

@ -128,3 +128,7 @@
margin-left: 0.5em; margin-left: 0.5em;
line-height: 1; line-height: 1;
} }
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
background-color: var(--theme-color-components-form-field-background);
}

17
web/styles/ant-overrides.scss
View File

@ -26,7 +26,7 @@ BUTTONS
color: currentColor; color: currentColor;
border-width: 2px; border-width: 2px;
border-color: transparent; border-color: transparent;
border-radius: 0.15rem; border-radius: var(--theme-rounded-corners);
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
&:hover, &:hover,
&:focus { &:focus {
@ -195,3 +195,18 @@ DROPDOWN
.ant-modal-close:hover { .ant-modal-close:hover {
color: var(--theme-color-components-modal-header-text); color: var(--theme-color-components-modal-header-text);
} }
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: unset;
}
td.ant-table-column-sort,
.ant-table-thead th.ant-table-column-sort {
background-color: unset;
}
th {
color: var(--theme-color-components-modal-header-text);
font-family: var(--theme-text-display-font-family);
font-weight: 700 !important;
}