diff --git a/app/src/assets/scss/_snackbar.scss b/app/src/assets/scss/_snackbar.scss index fb47fccdc..68bd925ee 100644 --- a/app/src/assets/scss/_snackbar.scss +++ b/app/src/assets/scss/_snackbar.scss @@ -4,7 +4,7 @@ transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms; &--hide { - transform: translate3d(300px, 0, 0); + transform: translate3d(calc(20vw + 48px), 0, 0); } &s { @@ -15,7 +15,7 @@ max-height: calc(100vh - 32px); display: flex; flex-direction: column; - transform: translate3d(300px, 0, 0); + transform: translate3d(calc(20vw + 48px), 0, 0); transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms; &--show { @@ -52,7 +52,7 @@ box-sizing: border-box; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%); word-break: break-word; - width: 240px; + width: 20vw; a { color: var(--b3-theme-on-primary); @@ -68,7 +68,7 @@ position: absolute; cursor: pointer; top: 10px; - right: 4px; + right: 1px; height: 8px; width: 8px; padding: 4px; diff --git a/app/src/index.ts b/app/src/index.ts index a14ebe32c..f71ba611f 100644 --- a/app/src/index.ts +++ b/app/src/index.ts @@ -13,7 +13,7 @@ import {repos} from "./config/repos"; import {openFileById} from "./editor/util"; import {bootSync, downloadProgress, progressLoading, setTitle, transactionError} from "./dialog/processSystem"; import {promiseTransactions} from "./protyle/wysiwyg/transaction"; -import {initMessage} from "./dialog/message"; +import {initMessage, showMessage} from "./dialog/message"; class App { constructor() { @@ -89,6 +89,8 @@ class App { } setTitle(window.siyuan.languages.siyuanNote); initMessage(); + showMessage("dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd", 0, "error"); + showMessage("dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd", 2000) }); }); });