TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki Activity

Updated integrations styles

Browse Source
This commit is contained in:
Peter Zimon 2021-02-12 17:28:08 +01:00
parent d19934ff8c
commit b267b309d9
3 changed files with 16 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin/app/styles/layouts/apps.css
View File

@ -468,7 +468,7 @@
width: 117px;
margin: 0;
border-radius: 3px;
border: 1px solid var(--whitegrey);
border: 1px solid var(--whitegrey-d1);
background: var(--white);
padding: 24px;
}

2
ghost/admin/app/styles/patterns/global.css
View File

@ -288,7 +288,7 @@ body {
}
::selection {
background: color-mod(var(--blue) lightness(+20%));
background: color-mod(var(--midlightgrey) lightness(+15%));
}

34
ghost/admin/app/templates/integrations.hbs
View File

@ -212,38 +212,32 @@
</LinkTo>
</div>
{{else}}
<div class="flex flex-column justify-center items-center mih30 miw-100" data-test-blank="custom-integrations">
<div class="flex flex-column justify-center items-center mih30 miw-100 bb b--whitegrey" data-test-blank="custom-integrations">
{{#if this.fetchIntegrations.isRunning}}
<div class="gh-loading-spinner"></div>
{{else}}
<div class="flex flex-column items-center pa5 pt15 pb15">
<p class="ma0 pa0 tc midgrey lh-title mt2">
<p class="ma0 pa0 tc midgrey lh-title mt2 mb4">
Create your own custom Ghost integrations with dedicated API keys & webhooks
</p>
<LinkTo @route="integrations.new" class="" data-test-button="new-integration">
<div class="flex items-center pa2 pt1">
{{svg-jar "add" class="w3 h3 fill-blue-d1"}}
<span class="db ml1 blue nudge-bottom--1">Add custom integration</span>
</div>
<LinkTo @route="integrations.new" class="gh-btn gh-btn-green gh-btn-icon" data-test-button="new-integration">
<span>{{svg-jar "add" class="w3 h3"}} Add custom integration</span>
</LinkTo>
</div>
{{/if}}
</div>
{{/each}}
{{#if this.integrations}}
<div class="apps-grid-cell new-integration-cell">
<LinkTo @route="integrations.new" class="" data-test-button="new-integration">
<article class="apps-card-app">
<div class="flex items-center">
{{svg-jar "add" class="w3 h3 fill-blue-d1"}}
<span class="db ml1 blue nudge-bottom--1 fw4">Add custom integration</span>
</div>
</article>
</LinkTo>
</div>
{{/if}}
</div>
{{#if this.integrations}}
{{!-- <div class="apps-grid-cell new-integration-cell"> --}}
<div class="mt5">
<LinkTo @route="integrations.new" class="gh-btn gh-btn-green gh-btn-icon" data-test-button="new-integration">
<span>{{svg-jar "add" class="w3 h3"}} Add custom integration</span>
</LinkTo>
</div>
{{!-- </div> --}}
{{/if}}
</section>
</section>