style: added background on close tab button
mellbacon committed
Jul 12, 2023 at 22:18 UTC
246d0b573b02c2a7287851b2e864aace069121dd
1 file changed
+15
-5
src/lib/Tab/Tab.svelte
+15
-5
@@ -74,17 +74,27 @@
74
white-space: nowrap;
75
padding-right: 20px;
76
}
77
- .close-tab span::before {
78
- content: "\2715";
77
+ .close-tab span {
78
font-size: 11px;
79
display: flex;
80
+ justify-content: center;
81
+ width: 100%;
82
+ height: 100%;
83
+ align-items: center;
84
+ &::before {
85
+ content: "\2715";
86
+ }
87
}
88
.close-tab span:hover {
83
- color: gray;
89
+ background-color: #414040;
90
+ transition: 0.1s;
91
+ border-radius: 3px;
92
}
93
.close-tab {
86
- width: 2rem;
87
- margin-left: -1rem;
94
+ width: 18px;
95
+ height: 18px;
96
+ margin-left: -0.5rem;
97
+ margin-right: 0.5rem;
98
display: flex;
99
justify-content: center;
100
position: relative;