优化删除按钮样式

This commit is contained in:
sijinhui 2024-03-20 10:14:22 +08:00
parent 156333fb54
commit d79af227dd
2 changed files with 9 additions and 4 deletions

View File

@ -105,8 +105,11 @@
.mobile { .mobile {
display: none; display: none;
} }
.browser {
display: block;
}
@media only screen and (max-width: 800px) { @media only screen and (max-width: 600px) {
.container { .container {
min-height: unset; min-height: unset;
min-width: unset; min-width: unset;
@ -131,6 +134,9 @@
.mobile { .mobile {
display: block; display: block;
} }
.browser {
display: none;
}
} }
.sidebar-header { .sidebar-header {

View File

@ -230,9 +230,8 @@ export function SideBar(props: { className?: string }) {
<IconButton icon={<SettingsIcon />} shadow /> <IconButton icon={<SettingsIcon />} shadow />
</Link> </Link>
</div> </div>
<div className={styles["sidebar-action"]}> <div className={styles["sidebar-action"] + " " + styles.browser}>
<IconButton <IconButton
// text={Locale.Settings.Danger.Clear.Title}
onClick={async () => { onClick={async () => {
if (await showConfirm(Locale.Settings.Danger.Clear.Confirm)) { if (await showConfirm(Locale.Settings.Danger.Clear.Confirm)) {
chatStore.clearAllData(); chatStore.clearAllData();
@ -240,7 +239,7 @@ export function SideBar(props: { className?: string }) {
}} }}
title={Locale.Settings.Danger.Clear.Title} title={Locale.Settings.Danger.Clear.Title}
icon={<DeleteIcon />} icon={<DeleteIcon />}
// type="danger" type="danger"
className={styles["custom-sidebar-clear-button"]} className={styles["custom-sidebar-clear-button"]}
/> />
</div> </div>