wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-23 16:56:07 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Update ApplicationsPopup layout (#228)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-09-28 23:48:16 +03:00 committed by GitHub
parent bc407c4a82
commit be4e3a8cb5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/recruit-resources/src/components/ApplicationsPopup.svelte
View File

@ -48,12 +48,13 @@
<div class="flex-col"> <div class="flex-col">
{#each applications as app} {#each applications as app}
<div class="flex-row-center app" on:click={() => show(app)}> <div class="app" on:click={() => show(app)}>
<div class="app-icon"><CircleButton icon={Vacancy} size={'large'} /></div> <div class="app-icon"><CircleButton icon={Vacancy} size={'large'} /></div>
<div class="flex-grow flex-col"> <div class="flex-grow flex-col">
<div class="overflow-label label">{getApplicationLabel(app)}</div> <div class="overflow-label label">{getApplicationLabel(app)}</div>
<div class="overflow-label desc">Cisco</div> <div class="overflow-label desc">Cisco</div>
</div> </div>
<div class="status" style="background-color: var(--primary-button-enabled)">status</div>
</div> </div>
{/each} {/each}
</div> </div>
@ -61,6 +62,10 @@
<style lang="scss"> <style lang="scss">
.app { .app {
position: relative; position: relative;
display: flex;
justify-content: space-between;
align-items: center;
.app-icon { .app-icon {
margin-right: 1.25rem; margin-right: 1.25rem;
width: 2rem; width: 2rem;
@ -71,6 +76,15 @@
font-size: .75rem; font-size: .75rem;
color: var(--theme-content-dark-color); color: var(--theme-content-dark-color);
} }
.status {
margin-left: 1rem;
padding: .5rem .75rem;
text-transform: uppercase;
font-weight: 500;
font-size: .625rem;
color: #fff;
border-radius: .5rem;
}
} }
.app + .app { .app + .app {