css cleanup
mellbacon committed
Apr 28, 2023 at 03:46 UTC
e91741620cec1642e719c006a958a0f1310552e2
6 files changed
+18
-14
src/lib/FileTree.svelte
+3
@@ -20,6 +20,8 @@
20
margin-bottom: 5px;
21
display: inline-block;
22
cursor: pointer;
23
+ padding: 5px 25px;
24
+ font-size: 0.875rem;
25
}
26
.toolbar-button:hover {
27
background-color: rgb(50 50 50);
@@ -36,6 +38,7 @@
38
margin-top: 10px;
39
margin-bottom: 5px;
40
text-align: center;
41
+ font-size: 0.875rem;
42
}
43
}
44
</style>
\ No newline at end of file
src/lib/Header.svelte
+2
-2
@@ -130,7 +130,7 @@
130
align-items: center;
131
justify-content: center;
132
padding: 0 0.5rem;
133
- font-size: 14px;
133
+ font-size: 0.875rem;
134
color: #8c8c8c;
135
}
136
@@ -166,7 +166,7 @@
166
line-height: 34px;
167
text-align: center;
168
padding: 0 5px;
169
- font-size: 14px;
169
+ font-size: 0.875rem;
170
color: white;
171
cursor: pointer;
172
&:not(#close):hover {
src/lib/Sidebar.svelte
+1
-1
@@ -50,6 +50,6 @@
50
<style lang="scss">
51
#sidebar {
52
height: 100%;
53
- min-width: 2.5rem;
53
+ min-width: 2.8rem;
54
}
55
</style>
\ No newline at end of file
src/lib/SidebarTab.svelte
+3
-3
@@ -15,11 +15,11 @@
15
justify-content: center;
16
align-items: center;
17
width: 100%;
18
- height: 2.5rem;
18
+ height: 2.8rem;
19
cursor: pointer;
20
:global(svg) {
21
- width: 20px;
22
- height: 20px;
21
+ width: 22px;
22
+ height: 22px;
23
}
24
}
25
</style>
\ No newline at end of file
src/lib/utility/Dropdown.svelte
+6
-5
@@ -53,7 +53,7 @@
53
display: flex;
54
align-items: center;
55
justify-content: center;
56
- font-size: 14px;
56
+ font-size: 0.875rem;
57
min-width: 2.2rem;
58
padding: 0 5px;
59
:global(svg) {
@@ -66,19 +66,20 @@
66
display: flex;
67
flex-direction: column;
68
justify-content: center;
69
- min-width: 11rem;
69
+ min-width: 11.5rem;
70
align-items: center;
71
padding: 3px 0;
72
- box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
72
+ box-shadow: rgb(0 0 0 / 10%) 0px 0px 4px 2px;
73
+ border-radius: 3px;
74
}
75
.dropdown-item {
76
display: flex;
77
align-items: center;
78
justify-content: space-between;
79
height: 17px;
79
- padding: 5px;
80
+ padding: 5px 0;
81
width: 100%;
81
- font-size: 14px;
82
+ font-size: 0.875rem;
83
}
84
.item-name, .shortcut {
85
padding: 0 10px;
src/theme.scss
+3
-3
@@ -66,12 +66,12 @@ html {
66
}
67
68
#sidebar {
69
- border-right: 1px solid var(--window-borderColor);
69
+ box-shadow: 1px 0px 0 0 var(--window-borderColor);
70
}
71
72
.sidebar-tab {
73
&.active {
74
- box-shadow: inset -2px 0px 0 0 var(--sidebar-tabActiveBorder);
74
+ box-shadow: inset 3.5px 0px 0 0 var(--sidebar-tabActiveBorder);
75
}
76
&:hover {
77
background-color: var(--sidebar-tabHoverBackground);
@@ -89,7 +89,7 @@ html {
89
}
90
91
#statusbar {
92
- border-top: 1px solid var(--window-borderColor);
92
+ box-shadow: 0px -1px 0 0px var(--window-borderColor);
93
#title {
94
border-right: 1px solid var(--window-borderColor);
95
}