fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-29 08:28:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update UI colors and alignment for consistency with the design mockup (#157)

Browse Source 
Closes #111
This commit is contained in:
Keavon Chambers
2021-05-23 19:01:13 -07:00
parent 4b19a459b7
commit 34efac990b
21 changed files with 286 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/web/src/components/widgets/labels/Icon.vue
+3 -6
View File
@@ -1,5 +1,5 @@
<template>
<div class="icon" :class="[`size-${String(size)}`, gapAfter && 'gap-after']">
<div class="icon" :class="`size-${String(size)}`">
<slot></slot>
</div>
</template>
@@ -8,14 +8,11 @@
.icon {
display: inline-block;
flex: 0 0 auto;
fill: #ddd;
fill: var(--color-e-nearwhite);
vertical-align: top;
width: 16px;
height: 16px;
&:not(.gap-after) + .icon {
margin-left: 0;
}
margin-left: 0;
&.size-10 {
width: 10px;