css cleanup
mellbacon committed
Apr 29, 2023 at 15:49 UTC
1cf063ee1e760db78255706be15c9d59a5a8335a
5 files changed
+18
-7
src/App.svelte
+2
-2
@@ -20,7 +20,7 @@
20
let size = await appWindow.innerSize();
21
resolution.set(size.width);
22
updateMinPanelSize();
23
-
23
+
24
appWindow.onResized((e) => {
25
resolution.set(e.payload.width);
26
updateMinPanelSize();
@@ -35,7 +35,7 @@
35
36
function updateMinPanelSize() {
37
// TODO: make this better
38
- if ($resolution <= 900) {
38
+ if ($resolution <= 700) {
39
minPanelSize = 30;
40
}
41
else if ($resolution <= 1040) {
src/lib/FileTree.svelte
+1
@@ -22,6 +22,7 @@
22
cursor: pointer;
23
padding: 5px 25px;
24
font-size: 0.875rem;
25
+ border-radius: 2px;
26
}
27
.toolbar-button:hover {
28
background-color: rgb(50 50 50);
src/lib/Sidebar.svelte
+8
@@ -14,6 +14,8 @@
14
<svelte:component this={tab.icon}/>
15
</SidebarTab>
16
{/each}
17
+
18
+ <div class="divider" />
19
</div>
20
21
<script lang="ts" context="module">
@@ -52,4 +54,10 @@
54
height: 100%;
55
min-width: 3rem;
56
}
57
+ .divider {
58
+ width: 2.3rem;
59
+ height: .0625rem;
60
+ background-color: #333;
61
+ margin: 5px auto;
62
+ }
63
</style>
\ No newline at end of file
src/lib/Statusbar.svelte
+6
-1
@@ -1,6 +1,7 @@
1
<div id="statusbar">
2
<div id="title">
3
<span>Nucleus</span>
4
+ <div class="divider"></div>
5
</div>
6
</div>
7
@@ -17,10 +18,14 @@
18
display: flex;
19
justify-content: flex-start;
20
align-items: center;
20
- border-right: 1px solid #393939;
21
+ height: 100%;
22
span {
23
height: 100%;
24
padding: 0 10px;
25
}
26
}
27
+ .divider {
28
+ width: 0.0625rem;
29
+ height: 1rem;
30
+ }
31
</style>
\ No newline at end of file
src/theme.scss
+1
-4
@@ -1,6 +1,5 @@
1
$header-height: 2rem;
2
$statusbar-height: 1.5rem;
3
-$footer-height: 1.6rem;
3
$tab-container-height: 2rem;
4
5
:root {
@@ -91,7 +90,5 @@ html {
90
91
#statusbar {
92
box-shadow: 0px -1px 0 0px var(--window-borderColor);
94
- #title {
95
- border-right: 1px solid var(--window-borderColor);
96
- }
93
+ height: calc($statusbar-height + 0.1rem);
94
}