Improve layout and styling of contact notifications
Co-authored-by: Nathan Sobo <nathan@zed.dev>
This commit is contained in:
parent
3bc9b8ec85
commit
0ba656aa0e
18 changed files with 152 additions and 66 deletions
Before Width: | Height: | Size: 184 B After Width: | Height: | Size: 184 B |
|
@ -505,7 +505,7 @@
|
|||
}
|
||||
},
|
||||
"notifications": {
|
||||
"width": 256,
|
||||
"width": 380,
|
||||
"margin": {
|
||||
"right": 10,
|
||||
"bottom": 10
|
||||
|
@ -1698,7 +1698,8 @@
|
|||
"color": "#e2dfe7",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 4
|
||||
"left": 8,
|
||||
"right": 8
|
||||
}
|
||||
},
|
||||
"header_height": 18,
|
||||
|
@ -1707,6 +1708,7 @@
|
|||
"color": "#8b8792",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 20,
|
||||
"top": 6,
|
||||
"bottom": 6
|
||||
}
|
||||
|
@ -1720,6 +1722,9 @@
|
|||
"corner_radius": 6,
|
||||
"margin": {
|
||||
"left": 6
|
||||
},
|
||||
"hover": {
|
||||
"background": "#26232a3d"
|
||||
}
|
||||
},
|
||||
"dismiss_button": {
|
||||
|
@ -1727,7 +1732,10 @@
|
|||
"icon_width": 8,
|
||||
"icon_height": 8,
|
||||
"button_width": 8,
|
||||
"button_height": 8
|
||||
"button_height": 8,
|
||||
"hover": {
|
||||
"color": "#e2dfe7"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -505,7 +505,7 @@
|
|||
}
|
||||
},
|
||||
"notifications": {
|
||||
"width": 256,
|
||||
"width": 380,
|
||||
"margin": {
|
||||
"right": 10,
|
||||
"bottom": 10
|
||||
|
@ -1698,7 +1698,8 @@
|
|||
"color": "#26232a",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 4
|
||||
"left": 8,
|
||||
"right": 8
|
||||
}
|
||||
},
|
||||
"header_height": 18,
|
||||
|
@ -1707,6 +1708,7 @@
|
|||
"color": "#585260",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 20,
|
||||
"top": 6,
|
||||
"bottom": 6
|
||||
}
|
||||
|
@ -1720,6 +1722,9 @@
|
|||
"corner_radius": 6,
|
||||
"margin": {
|
||||
"left": 6
|
||||
},
|
||||
"hover": {
|
||||
"background": "#e2dfe71f"
|
||||
}
|
||||
},
|
||||
"dismiss_button": {
|
||||
|
@ -1727,7 +1732,10 @@
|
|||
"icon_width": 8,
|
||||
"icon_height": 8,
|
||||
"button_width": 8,
|
||||
"button_height": 8
|
||||
"button_height": 8,
|
||||
"hover": {
|
||||
"color": "#26232a"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -505,7 +505,7 @@
|
|||
}
|
||||
},
|
||||
"notifications": {
|
||||
"width": 256,
|
||||
"width": 380,
|
||||
"margin": {
|
||||
"right": 10,
|
||||
"bottom": 10
|
||||
|
@ -1698,7 +1698,8 @@
|
|||
"color": "#f1f1f1",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 4
|
||||
"left": 8,
|
||||
"right": 8
|
||||
}
|
||||
},
|
||||
"header_height": 18,
|
||||
|
@ -1707,6 +1708,7 @@
|
|||
"color": "#9c9c9c",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 20,
|
||||
"top": 6,
|
||||
"bottom": 6
|
||||
}
|
||||
|
@ -1720,6 +1722,9 @@
|
|||
"corner_radius": 6,
|
||||
"margin": {
|
||||
"left": 6
|
||||
},
|
||||
"hover": {
|
||||
"background": "#070707"
|
||||
}
|
||||
},
|
||||
"dismiss_button": {
|
||||
|
@ -1727,7 +1732,10 @@
|
|||
"icon_width": 8,
|
||||
"icon_height": 8,
|
||||
"button_width": 8,
|
||||
"button_height": 8
|
||||
"button_height": 8,
|
||||
"hover": {
|
||||
"color": "#c6c6c6"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -505,7 +505,7 @@
|
|||
}
|
||||
},
|
||||
"notifications": {
|
||||
"width": 256,
|
||||
"width": 380,
|
||||
"margin": {
|
||||
"right": 10,
|
||||
"bottom": 10
|
||||
|
@ -1698,7 +1698,8 @@
|
|||
"color": "#2b2b2b",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 4
|
||||
"left": 8,
|
||||
"right": 8
|
||||
}
|
||||
},
|
||||
"header_height": 18,
|
||||
|
@ -1707,6 +1708,7 @@
|
|||
"color": "#474747",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 20,
|
||||
"top": 6,
|
||||
"bottom": 6
|
||||
}
|
||||
|
@ -1720,6 +1722,9 @@
|
|||
"corner_radius": 6,
|
||||
"margin": {
|
||||
"left": 6
|
||||
},
|
||||
"hover": {
|
||||
"background": "#e3e3e3"
|
||||
}
|
||||
},
|
||||
"dismiss_button": {
|
||||
|
@ -1727,7 +1732,10 @@
|
|||
"icon_width": 8,
|
||||
"icon_height": 8,
|
||||
"button_width": 8,
|
||||
"button_height": 8
|
||||
"button_height": 8,
|
||||
"hover": {
|
||||
"color": "#393939"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -505,7 +505,7 @@
|
|||
}
|
||||
},
|
||||
"notifications": {
|
||||
"width": 256,
|
||||
"width": 380,
|
||||
"margin": {
|
||||
"right": 10,
|
||||
"bottom": 10
|
||||
|
@ -1698,7 +1698,8 @@
|
|||
"color": "#eee8d5",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 4
|
||||
"left": 8,
|
||||
"right": 8
|
||||
}
|
||||
},
|
||||
"header_height": 18,
|
||||
|
@ -1707,6 +1708,7 @@
|
|||
"color": "#93a1a1",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 20,
|
||||
"top": 6,
|
||||
"bottom": 6
|
||||
}
|
||||
|
@ -1720,6 +1722,9 @@
|
|||
"corner_radius": 6,
|
||||
"margin": {
|
||||
"left": 6
|
||||
},
|
||||
"hover": {
|
||||
"background": "#0736423d"
|
||||
}
|
||||
},
|
||||
"dismiss_button": {
|
||||
|
@ -1727,7 +1732,10 @@
|
|||
"icon_width": 8,
|
||||
"icon_height": 8,
|
||||
"button_width": 8,
|
||||
"button_height": 8
|
||||
"button_height": 8,
|
||||
"hover": {
|
||||
"color": "#eee8d5"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -505,7 +505,7 @@
|
|||
}
|
||||
},
|
||||
"notifications": {
|
||||
"width": 256,
|
||||
"width": 380,
|
||||
"margin": {
|
||||
"right": 10,
|
||||
"bottom": 10
|
||||
|
@ -1698,7 +1698,8 @@
|
|||
"color": "#073642",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 4
|
||||
"left": 8,
|
||||
"right": 8
|
||||
}
|
||||
},
|
||||
"header_height": 18,
|
||||
|
@ -1707,6 +1708,7 @@
|
|||
"color": "#586e75",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 20,
|
||||
"top": 6,
|
||||
"bottom": 6
|
||||
}
|
||||
|
@ -1720,6 +1722,9 @@
|
|||
"corner_radius": 6,
|
||||
"margin": {
|
||||
"left": 6
|
||||
},
|
||||
"hover": {
|
||||
"background": "#eee8d51f"
|
||||
}
|
||||
},
|
||||
"dismiss_button": {
|
||||
|
@ -1727,7 +1732,10 @@
|
|||
"icon_width": 8,
|
||||
"icon_height": 8,
|
||||
"button_width": 8,
|
||||
"button_height": 8
|
||||
"button_height": 8,
|
||||
"hover": {
|
||||
"color": "#073642"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -505,7 +505,7 @@
|
|||
}
|
||||
},
|
||||
"notifications": {
|
||||
"width": 256,
|
||||
"width": 380,
|
||||
"margin": {
|
||||
"right": 10,
|
||||
"bottom": 10
|
||||
|
@ -1698,7 +1698,8 @@
|
|||
"color": "#dfe2f1",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 4
|
||||
"left": 8,
|
||||
"right": 8
|
||||
}
|
||||
},
|
||||
"header_height": 18,
|
||||
|
@ -1707,6 +1708,7 @@
|
|||
"color": "#979db4",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 20,
|
||||
"top": 6,
|
||||
"bottom": 6
|
||||
}
|
||||
|
@ -1720,6 +1722,9 @@
|
|||
"corner_radius": 6,
|
||||
"margin": {
|
||||
"left": 6
|
||||
},
|
||||
"hover": {
|
||||
"background": "#2932563d"
|
||||
}
|
||||
},
|
||||
"dismiss_button": {
|
||||
|
@ -1727,7 +1732,10 @@
|
|||
"icon_width": 8,
|
||||
"icon_height": 8,
|
||||
"button_width": 8,
|
||||
"button_height": 8
|
||||
"button_height": 8,
|
||||
"hover": {
|
||||
"color": "#dfe2f1"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -505,7 +505,7 @@
|
|||
}
|
||||
},
|
||||
"notifications": {
|
||||
"width": 256,
|
||||
"width": 380,
|
||||
"margin": {
|
||||
"right": 10,
|
||||
"bottom": 10
|
||||
|
@ -1698,7 +1698,8 @@
|
|||
"color": "#293256",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 4
|
||||
"left": 8,
|
||||
"right": 8
|
||||
}
|
||||
},
|
||||
"header_height": 18,
|
||||
|
@ -1707,6 +1708,7 @@
|
|||
"color": "#5e6687",
|
||||
"size": 12,
|
||||
"margin": {
|
||||
"left": 20,
|
||||
"top": 6,
|
||||
"bottom": 6
|
||||
}
|
||||
|
@ -1720,6 +1722,9 @@
|
|||
"corner_radius": 6,
|
||||
"margin": {
|
||||
"left": 6
|
||||
},
|
||||
"hover": {
|
||||
"background": "#dfe2f11f"
|
||||
}
|
||||
},
|
||||
"dismiss_button": {
|
||||
|
@ -1727,7 +1732,10 @@
|
|||
"icon_width": 8,
|
||||
"icon_height": 8,
|
||||
"button_width": 8,
|
||||
"button_height": 8
|
||||
"button_height": 8,
|
||||
"hover": {
|
||||
"color": "#293256"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue