Korbs/Penpot-Desktop
Korbs
/
Penpot-Desktop
2
Fork 3
Code Issues Pull Requests Activity

Adjust settings and decrease min size

This commit is contained in:
Korbs 2023-10-05 11:08:00 -04:00
parent e0c59d4df7
commit 120adba69a
Signed by: Korbs
SSH Key Fingerprint: SHA256:ZFvY6UQ9H3UmDsjAse7q9r5bSIKPVJrtZ7VBzRDusw0
7 changed files with 15 additions and 291 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bun.lockb
View File

Binary file not shown.

2
package.json
View File

@ -27,7 +27,7 @@
"build": "electron-builder --config build/electron-builder.yml",
"build:arm": "electron-builder --config build/electron-builder.yml --arm64",
"dev": "concurrently --kill-others \"npm run scss:app\" \"electron .\"",
"scss:app": "sass --watch src/base/frontend/stylesheets/index.scss:src/base/frontend/stylesheets/index.css",
"scss:app": "sass -q --watch src/base/frontend/stylesheets/index.scss:src/base/frontend/stylesheets/index.css --style=compressed --no-source-map",
"postinstall": "cd node_modules/electron && bun postinstall"
},
"dependencies": {

285
src/base/frontend/stylesheets/index.css
View File

@ -1,284 +1 @@
body {
overflow: hidden;
color: white;
background: #1f1f1f;
transition: 1s background;
}
* {
outline: none;
}
::selection {
color: inherit;
background: inherit;
}
:root {
--navBarWF: 100px;
--navBarWS: 280px;
--ActiveColor: #00ff89;
--ActiveColor50: rgba(193, 255, 226, 0.5);
--ActiveColor25: rgba(193, 255, 226, 0.25);
}
@keyframes RevealSlideDown {
from {
opacity: 0;
transform: translate(0px, -24px);
}
from {
opacity: 1;
transform: translate(0px, 0px);
}
}
.full-window {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
tab-group {
opacity: 0;
transition: 2s opacity;
}
.linux-setting {
display: none;
}
.actions {
position: fixed;
right: 0px;
z-index: 10;
top: 0px;
padding: 6px 6px 0px 0px;
cursor: default;
-webkit-app-region: no-drag;
}
.actions .action-buttons {
display: flex;
align-items: center;
}
.actions button {
background: transparent;
color: white;
border: none;
padding: 9px;
border-radius: 4px;
width: 32px;
-webkit-app-region: no-drag;
background: #1f1f1f;
}
.actions #instance {
position: fixed;
top: 0px;
height: 41px;
width: 270px;
right: 0px;
-webkit-app-region: no-drag;
}
.titlebar-dropdown-menu {
display: none;
}
.titlebar-dropdown-menu .fa-caret-up {
position: fixed;
top: 35px;
right: 45px;
z-index: 10;
color: #1f1f1f;
font-size: 24px;
}
.titlebar-dropdown-menu .tdm-content {
position: fixed;
z-index: 10;
right: 12px;
top: 50px;
background: #303236;
border-radius: 6px;
border: 1px #1f1f1f solid;
padding: 0px 12px 12px 12px;
}
.titlebar-dropdown-menu .tdm-content p {
cursor: default;
}
.titlebar-dropdown-menu .tdm-content a {
color: white;
}
.titlebar-dropdown-menu .tdm-content button {
background: transparent;
color: white;
border: none;
padding: 9px;
border-radius: 4px;
width: 32px;
-webkit-app-region: no-drag;
background: #1f1f1f;
}
.titlebar-dropdown-menu .tdm-content input {
box-sizing: border-box;
font-family: "worksans", sans-serif;
background-color: #3f4247;
border-radius: 2px;
border: 1px solid #b1b2b5;
color: white;
font-size: 0.875rem;
height: 32px;
margin: 0;
padding: 14px 14px 0 14px;
padding-top: 0;
padding-right: 50px;
}
.titlebar-dropdown-menu .tdm-content input#InstanceSaveButton {
background: white;
color: black;
padding: 0px 12px;
}
.titlebar-dropdown-menu .tdm-content .tdm-warnings {
background: #ff7482;
border: 1px white solid;
padding: 12px;
width: 270px;
margin: 20px -9px -82px -11px;
font-size: 14px;
color: black;
border-radius: 4px;
}
.titlebar-dropdown-menu .tdm-content .tdm-warnings a {
color: black;
}
.titlebar-dropdown-menu .tdm-content .tdm-warnings p {
margin: 0px;
}
.image-buttons-ts {
display: block;
}
.image-buttons-ts button {
width: inherit !important;
border: 1px #383838 solid !important;
padding: 0px !important;
background: #2a2a2a !important;
cursor: pointer;
}
button#restart-required {
width: max-content;
background: #00ff89;
color: black;
margin-right: 4px;
}
.linux-custom-titlebar-buttons {
position: fixed;
right: 4px;
top: 4px;
z-index: 10;
}
.linux-custom-titlebar-buttons button {
background-color: transparent;
border: none;
border-radius: 50px;
margin-left: -5px;
}
.linux-custom-titlebar-buttons button img {
width: 24px;
height: 32px;
}
div#plasma {
position: fixed;
top: 8px;
right: 12px;
width: max-content;
}
div#plasma button[onclick="window.close()"] {
background: white;
color: black;
}
div#plasma button#plasma-window-is-max svg {
font-size: 10px;
}
div#plasma button#plasma-window-is-max {
display: none;
}
div#plasma button#plasma-window-is-unmax {
display: inherit;
}
div#plasma button {
background: transparent;
color: white;
border: none;
border-radius: 50px;
aspect-ratio: 1;
height: 18px;
width: 18px;
font-size: 12px;
padding: 0px;
margin-left: 2px;
transition: 0.2s background, 0.2s color;
}
div#plasma button:hover {
background: white;
color: black;
transition: 0.2s background, 0.2s color;
}
splash {
background: transparent;
position: fixed;
z-index: 9;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
opacity: 1;
transition: 0.4s opacity;
}
splash img {
width: 64px;
margin-right: 12px;
}
splash .loading-indicator {
position: fixed;
bottom: 25%;
font-size: 24px;
}
.no-tabs-exist {
display: none;
position: fixed;
top: 40px;
left: 0px;
width: 100%;
height: 100%;
align-items: center;
text-align: center;
}
.no-tabs-exist .nte-content {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.no-tabs-exist .nte-content p {
opacity: 0.5;
}
.no-tabs-exist .nte-content button {
background: var(--ActiveColor);
color: black;
border: none;
padding: 8px 16px;
border-radius: 50px;
cursor: pointer;
}
/*# sourceMappingURL=index.css.map */
body{overflow:hidden;color:#fff;background:#1f1f1f;transition:1s background}*{outline:none}::selection{color:inherit;background:inherit}:root{--navBarWF: 100px;--navBarWS: 280px;--ActiveColor: #00ff89;--ActiveColor50: rgba(193, 255, 226, 0.5);--ActiveColor25: rgba(193, 255, 226, 0.25)}@keyframes RevealSlideDown{from{opacity:0;transform:translate(0px, -24px)}from{opacity:1;transform:translate(0px, 0px)}}.full-window{position:fixed;top:0px;left:0px;width:100%;height:100%}tab-group{opacity:0;transition:2s opacity}.linux-setting{display:none}.actions{position:fixed;right:0px;z-index:10;top:0px;padding:6px 6px 0px 0px;cursor:default;-webkit-app-region:no-drag}.actions .action-buttons{display:flex;align-items:center}.actions button{background:rgba(0,0,0,0);color:#fff;border:none;padding:9px;border-radius:4px;width:32px;-webkit-app-region:no-drag;background:#1f1f1f}.actions #instance{position:fixed;top:0px;height:41px;width:270px;right:0px;-webkit-app-region:no-drag}.titlebar-dropdown-menu{display:none}.titlebar-dropdown-menu .fa-caret-up{position:fixed;top:35px;right:45px;z-index:10;color:#1f1f1f;font-size:24px}.titlebar-dropdown-menu .tdm-content{position:fixed;z-index:10;right:12px;top:50px;background:#303236;border-radius:6px;border:1px #1f1f1f solid;padding:0px 12px 12px 12px}.titlebar-dropdown-menu .tdm-content h2{font-size:16px;font-weight:normal;background:#1f1f1f;margin:0px -12px;padding:12px}.titlebar-dropdown-menu .tdm-content p{cursor:default}.titlebar-dropdown-menu .tdm-content a{color:#fff}.titlebar-dropdown-menu .tdm-content button{background:rgba(0,0,0,0);color:#fff;border:none;padding:9px;border-radius:4px;width:32px;-webkit-app-region:no-drag;background:#1f1f1f}.titlebar-dropdown-menu .tdm-content input{box-sizing:border-box;font-family:"worksans",sans-serif;background-color:#3f4247;border-radius:2px;border:1px solid #b1b2b5;color:#fff;font-size:.875rem;height:32px;margin:12px 0px;padding:14px 14px 0 14px;padding-top:0;padding-right:50px}.titlebar-dropdown-menu .tdm-content input#InstanceSaveButton{background:#fff;color:#000;padding:0px 12px}.titlebar-dropdown-menu .tdm-content .tdm-warnings{background:#ff7482;border:1px #fff solid;padding:12px;width:270px;margin:20px -9px -82px -11px;font-size:14px;color:#000;border-radius:4px}.titlebar-dropdown-menu .tdm-content .tdm-warnings a{color:#000}.titlebar-dropdown-menu .tdm-content .tdm-warnings p{margin:0px}.image-buttons-ts{display:block;margin:12px 0px}.image-buttons-ts button{width:inherit !important;border:1px #383838 solid !important;padding:0px !important;background:#2a2a2a !important;cursor:pointer}button#restart-required{width:max-content;background:#00ff89;color:#000;margin-right:4px}.linux-custom-titlebar-buttons{position:fixed;right:4px;top:4px;z-index:10}.linux-custom-titlebar-buttons button{background-color:rgba(0,0,0,0);border:none;border-radius:50px;margin-left:-5px}.linux-custom-titlebar-buttons button img{width:24px;height:32px}div#plasma{position:fixed;top:8px;right:12px;width:max-content}div#plasma button[onclick="window.close()"]{background:#fff;color:#000}div#plasma button#plasma-window-is-max svg{font-size:10px}div#plasma button#plasma-window-is-max{display:none}div#plasma button#plasma-window-is-unmax{display:inherit}div#plasma button{background:rgba(0,0,0,0);color:#fff;border:none;border-radius:50px;aspect-ratio:1;height:18px;width:18px;font-size:12px;padding:0px;margin-left:2px;transition:.2s background,.2s color}div#plasma button:hover{background:#fff;color:#000;transition:.2s background,.2s color}splash{background:rgba(0,0,0,0);position:fixed;z-index:9;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;transition:.4s opacity}splash img{width:64px;margin-right:12px}splash .loading-indicator{position:fixed;bottom:25%;font-size:24px}.no-tabs-exist{display:none;position:fixed;top:40px;left:0px;width:100%;height:100%;align-items:center;text-align:center}.no-tabs-exist .nte-content{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.no-tabs-exist .nte-content p{opacity:.5}.no-tabs-exist .nte-content button{background:var(--ActiveColor);color:#000;border:none;padding:8px 16px;border-radius:50px;cursor:pointer}

1
src/base/frontend/stylesheets/index.css.map
View File

@ -1 +0,0 @@
{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;AAGJ;EAAG;;;AACH;EAAa;EAAe;;;AAM5B;EACI;EACA;EACA;EACA;EACA;;;AAIJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACF;EACA;;AAEE;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAG;;AACH;EAAG;;AACH;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAG;;AACH;EAAG;;;AAKf;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EAAiC;;AACjC;EAA6B;;AAC7B;EAA+B;;AAC/B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA","file":"index.css"}

10
src/base/frontend/stylesheets/index.scss
View File

@ -102,6 +102,13 @@ tab-group {
border-radius: 6px;
border: 1px #1f1f1f solid;
padding: 0px 12px 12px 12px;
h2 {
font-size: 16px;
font-weight: normal;
background: #1f1f1f;
margin: 0px -12px;
padding: 12px;
}
p {cursor: default}
a {color: white}
button {
@ -123,7 +130,7 @@ tab-group {
color: white;
font-size: 0.875rem;
height: 32px;
margin: 0;
margin: 12px 0px;
padding: 14px 14px 0 14px;
padding-top: 0;
padding-right: 50px;
@ -150,6 +157,7 @@ tab-group {
.image-buttons-ts {
display: block;
margin: 12px 0px;
}
.image-buttons-ts button {
width: inherit !important;

4
src/base/index.html
View File

@ -14,11 +14,11 @@
</div>
<div id="settings" class="titlebar-dropdown-menu">
<div class="tdm-content">
<p>Penpot Instance <a onclick="window.open('https://sudovanilla.com/docs/penpot-desktop/features/instance/', '_blank', 'width=450, height=764, minWidth: 450, minHeight: 420, resizable: false, frame=true, autoHideMenuBar=true')" href="#">(What's this?)</a></p>
<h2>Penpot Instance <a onclick="window.open('https://sudovanilla.com/docs/penpot-desktop/features/instance/', '_blank', 'width=450, height=764, minWidth: 450, minHeight: 420, resizable: false, frame=true, autoHideMenuBar=true')" href="#">(What's this?)</a></h2>
<input type="text" placeholder="https://design.penpot.app/" id="InstanceField" />
<input id="InstanceSaveButton" type="button" value="Save" onclick="InstanceSave()" />
<div class="linux-setting">
<p>Titlebar Theme</p>
<h2>Titlebar Theme</h2>
<div class="image-buttons-ts">
<button onclick="SwitchLinuxTitlebarTheme('./frontend/stylesheets/settings/linux-titlebar/gnome.css')"><img src="./frontend/media/images/titlebar/linux/GNOME.png"></button>
<button onclick="SwitchLinuxTitlebarTheme('./frontend/stylesheets/settings/linux-titlebar/kde.css')"><img src="./frontend/media/images/titlebar/linux/KDE.png"></button>

4
src/process/window/MainWindow.js
View File

@ -17,8 +17,8 @@ module.exports = {
y: mainWindowState.y,
width: mainWindowState.width,
height: mainWindowState.height,
minWidth: 1300,
minHeight: 600,
minWidth: 1000,
minHeight: 400,
// Theme
darkTheme: true,
transparent: global.transparent,