hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-27 11:06:50 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Layout StatePresenter (#157)

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

27
plugins/view-resources/src/components/StatePresenter.svelte
View File

@ -15,11 +15,30 @@
-->
<script lang="ts">
import type { State } from '@anticrm/core'
import type { State } from '@anticrm/core'
export let value: State
export let value: State
const bgColor: string = '#7C6FCD'
</script>
{value.label}
<div class="state-container" style="background-color: {bgColor}">
{value.label}
</div>
<style lang="scss">
.state-container {
display: flex;
justify-content: center;
align-items: center;
padding: .375rem 1rem;
width: min-content;
text-transform: uppercase;
font-weight: 500;
letter-spacing: .5px;
font-size: .625rem;
color: #fff;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: .5rem;
}
</style>