adjust subpixel alignment on bar
This commit is contained in:
parent
4fbc738fdf
commit
783a0fc8a1
1 changed files with 5 additions and 2 deletions
|
@ -8,7 +8,7 @@ export const bar = style({
|
||||||
flexDirection: "row",
|
flexDirection: "row",
|
||||||
overflow: "hidden",
|
overflow: "hidden",
|
||||||
borderRadius: "0.4rem",
|
borderRadius: "0.4rem",
|
||||||
border: "2px solid #2d2d2d",
|
border: "2px solid #4d4d4d",
|
||||||
});
|
});
|
||||||
|
|
||||||
export const tinyBar = style({
|
export const tinyBar = style({
|
||||||
|
@ -22,6 +22,7 @@ export const tinyBar = style({
|
||||||
|
|
||||||
const shared: ComplexStyleRule = {
|
const shared: ComplexStyleRule = {
|
||||||
textAlign: "center",
|
textAlign: "center",
|
||||||
|
boxShadow: "inset 0 0 0.5rem rgb(0 0 0 / 10%)",
|
||||||
};
|
};
|
||||||
|
|
||||||
export const left = style({
|
export const left = style({
|
||||||
|
@ -31,7 +32,9 @@ export const left = style({
|
||||||
export const center = style({
|
export const center = style({
|
||||||
...shared,
|
...shared,
|
||||||
backgroundColor: "#1564cc",
|
backgroundColor: "#1564cc",
|
||||||
borderBottom: "1px solid #2d2d2d",
|
borderLeft: "1px solid #4d4d4d",
|
||||||
|
borderRight: "2px solid #4d4d4d",
|
||||||
|
boxShadow: "inset 0 0 0.5rem rgb(180 180 180 / 10%)",
|
||||||
});
|
});
|
||||||
export const right = style({
|
export const right = style({
|
||||||
...shared,
|
...shared,
|
||||||
|
|
Loading…
Add table
Reference in a new issue