better icons
This commit is contained in:
parent
660872abc0
commit
ec6a523fe1
|
@ -13,19 +13,19 @@
|
||||||
|
|
||||||
const PROPERTY_OPTIONS = {
|
const PROPERTY_OPTIONS = {
|
||||||
Direction: {
|
Direction: {
|
||||||
vertical: ["column", "ri-layout-column-line"],
|
vertical: ["column", "ri-arrow-up-down-line"],
|
||||||
horizontal: ["row", "ri-layout-row-line"],
|
horizontal: ["row", "ri-arrow-left-right-line"],
|
||||||
},
|
},
|
||||||
Align: {
|
Align: {
|
||||||
left: ["flex-start", "ri-align-left"],
|
left: ["flex-start", "ri-layout-bottom-line"],
|
||||||
center: ["center", "ri-align-center"],
|
center: ["center", "ri-layout-row-line"],
|
||||||
right: ["flex-end", "ri-align-right"],
|
right: ["flex-end", "ri-layout-top-line"],
|
||||||
space: ["space-between", "ri-space"],
|
space: ["space-between", "ri-space"],
|
||||||
},
|
},
|
||||||
Justify: {
|
Justify: {
|
||||||
left: ["flex-start", "ri-align-left"],
|
left: ["flex-start", "ri-layout-left-line"],
|
||||||
center: ["center", "ri-align-center"],
|
center: ["center", "ri-layout-column-line"],
|
||||||
right: ["flex-end", "ri-align-right"],
|
right: ["flex-end", "ri-layout-right-line"],
|
||||||
space: ["space-between", "ri-space"],
|
space: ["space-between", "ri-space"],
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
@ -61,16 +61,15 @@
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: rgba(249, 249, 249, 1);
|
background: rgba(249, 249, 249, 1);
|
||||||
|
|
||||||
min-width: 1.8rem;
|
min-width: 1.6rem;
|
||||||
min-height: 1.8rem;
|
min-height: 1.6rem;
|
||||||
padding-bottom: 10px;
|
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
font-weight: 700;
|
font-weight: 500;
|
||||||
color: rgba(22, 48, 87, 1);
|
color: rgba(22, 48, 87, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue