优化删除按钮样式

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 {
display: none;
}
.browser {
display: block;
}
@media only screen and (max-width: 800px) {
@media only screen and (max-width: 600px) {
.container {
min-height: unset;
min-width: unset;
@ -131,6 +134,9 @@
.mobile {
display: block;
}
.browser {
display: none;
}
}
.sidebar-header {

View File

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