💄(icon): A delightful seafoam green icon
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 774 B |
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 55 KiB |
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 160 KiB |
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 161 KiB |
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 159 KiB |
Before Width: | Height: | Size: 69 KiB After Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 15 KiB |
BIN
internal_packages/link-tracking/icon.png
Normal file
After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 2.2 KiB |
BIN
internal_packages/open-tracking/icon.png
Normal file
After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 16 KiB |
|
@ -16,7 +16,7 @@ class Package extends React.Component
|
|||
extras = []
|
||||
|
||||
if @props.package.icon
|
||||
icon = <img src="nylas://#{@props.package.name}/#{@props.package.icon}" style={width:50} />
|
||||
icon = <img src="nylas://#{@props.package.name}/#{@props.package.icon}" style={width:27, alignContent: 'center', objectFit: 'scale-down'} />
|
||||
else
|
||||
icon = <RetinaImg name="plugin-icon-default.png"/>
|
||||
|
||||
|
@ -48,7 +48,9 @@ class Package extends React.Component
|
|||
)
|
||||
|
||||
<Flexbox className="package" direction="row">
|
||||
<div className="icon" style={flexShink: 0}>{icon}</div>
|
||||
<div className="icon-container">
|
||||
<div className="icon" >{icon}</div>
|
||||
</div>
|
||||
<div className="info">
|
||||
<div className="title">{title ? name}</div>
|
||||
<div className="description">{description}</div>
|
||||
|
|
|
@ -58,8 +58,16 @@
|
|||
margin-bottom:@padding-large-vertical;
|
||||
padding:@padding-large-vertical @padding-large-horizontal;
|
||||
|
||||
.icon {
|
||||
padding-right: @padding-large-horizontal;
|
||||
.icon-container {
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
border-radius: 6px;
|
||||
background: linear-gradient(to bottom, @background-primary 0%, @background-secondary 100%);
|
||||
box-shadow: 0 0.5px 0 rgba(0,0,0,0.15), 0 -0.5px 0 rgba(0,0,0,0.15), 0.5px 0 0 rgba(0,0,0,0.15), -0.5px 0 0 rgba(0,0,0,0.15), 0 0.5px 1px rgba(0, 0, 0, 0.15);
|
||||
flex-shrink: 0;
|
||||
margin-right: @padding-large-horizontal;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
}
|
||||
.info {
|
||||
max-width: 380px;
|
||||
|
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 14 KiB |
BIN
internal_packages/send-later/icon.png
Normal file
After Width: | Height: | Size: 15 KiB |
|
@ -1,7 +1,13 @@
|
|||
{
|
||||
"name": "n1-send-later",
|
||||
"version": "1.0.0",
|
||||
"description": "send email later",
|
||||
|
||||
"title": "Send Later",
|
||||
"description": "Choose to send emails at a specified time in the future.",
|
||||
"icon": "./icon.png",
|
||||
"isOptional": true,
|
||||
|
||||
|
||||
"main": "lib/main",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
|
|
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 15 KiB |