study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-28 20:02:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整对话框样式，linux下使用win32样式

Browse Source
This commit is contained in:
fofolee 2025-02-10 10:33:37 +08:00
parent de441e4e6d
commit 1a95259aef
2 changed files with 11 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
plugin/lib/dialog/service.js
View File

@ -12,7 +12,8 @@ const createDialog = (config, customDialogOptions = {}) => {
const dialogPath = "lib/dialog/view.html";
const preloadPath = "lib/dialog/controller.js";
const platform = os.platform();
// linux 和 win32 都使用 win32 的样式
const platform = os.platform() === "darwin" ? "darwin" : "win32";
const dialogWidth =
config.type === "textarea" || config.type === "select"

28
plugin/lib/dialog/style.css
View File

@ -114,21 +114,18 @@ body {
margin-right: 6px;
}
.platform-darwin .title-left,
.platform-linux .title-left {
.platform-darwin .title-left {
display: flex;
align-items: center;
justify-content: center
}
/* macOS 和 Linux 样式 */
.platform-darwin .title-bar,
.platform-linux .title-bar {
/* macOS 样式 */
.platform-darwin .title-bar {
border-bottom: 1px solid var(--border-color);
}
.platform-darwin .close-btn,
.platform-linux .close-btn {
.platform-darwin .close-btn {
position: absolute;
left: 8px;
top: 7px;
@ -145,9 +142,7 @@ body {
}
.platform-darwin .close-btn::before,
.platform-darwin .close-btn::after,
.platform-linux .close-btn::before,
.platform-linux .close-btn::after {
.platform-darwin .close-btn::after {
content: "";
position: absolute;
width: 8px;
@ -158,25 +153,20 @@ body {
transition: opacity 0.2s;
}
.platform-darwin .close-btn::before,
.platform-linux .close-btn::before {
.platform-darwin .close-btn::before {
transform: rotate(45deg);
}
.platform-darwin .close-btn::after,
.platform-linux .close-btn::after {
.platform-darwin .close-btn::after {
transform: rotate(-45deg);
}
.platform-darwin .close-btn:hover,
.platform-linux .close-btn:hover {
.platform-darwin .close-btn:hover {
background-color: var(--mac-close-btn);
}
.platform-darwin .close-btn:hover::before,
.platform-darwin .close-btn:hover::after,
.platform-linux .close-btn:hover::before,
.platform-linux .close-btn:hover::after {
.platform-darwin .close-btn:hover::after {
opacity: 1;
}