made titlebar responsive
mellobacon committed
Oct 17, 2022 at 20:00 UTC
03b19962ad9e53c37a8cf1199f1d108633f06028
2 files changed
+17
-2
src-tauri/tauri.conf.json
+2
@@ -60,6 +60,8 @@
60
"resizable": true,
61
"title": "Nucleus",
62
"width": 800,
63
+ "minWidth": 680,
64
+ "minHeight": 430,
65
"decorations": false
66
}
67
]
src/components/Header/Header.svelte
+15
-2
@@ -57,7 +57,7 @@
57
background-size: 20px;
58
background-repeat: no-repeat;
59
height: 100%;
60
- width: 35px;
60
+ min-width: 35px;
61
position: relative;
62
content: '';
63
background-image: url("/assets/images/Icon\(1\).png");
@@ -69,14 +69,27 @@
69
}
70
#workspace {
71
height: 100%;
72
+ min-width: 160px;
73
+ overflow-x: clip;
74
}
75
+ :global(#workspace a.bx--header__menu-item) {
76
+ flex-direction: row-reverse;
77
+ }
78
+ :global(#workspace .bx--header__menu-arrow) {
79
+ margin-right: .5rem;
80
+ margin-left: 0 !important;
81
+ }
82
+ :global(#workspace .bx--header__menu-title[aria-expanded=true]+.bx--header__menu) {
83
+ width: 100% !important;
84
+ }
85
+
86
#windowcontrols {
87
margin-left: auto;
88
height: 100%;
89
display: flex;
90
}
91
.window-button {
79
- width: 47px;
92
+ min-width: 47px;
93
height: 100%;
94
line-height: 34px;
95
text-align: center;