2020-12-24 20:32:05 +02:00
|
|
|
<script>
|
2021-05-06 07:15:40 +03:00
|
|
|
export let value;
|
2021-05-06 15:26:28 +03:00
|
|
|
export let className;
|
2020-12-24 20:32:05 +02:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
p {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
min-width: 20px;
|
|
|
|
|
padding: 0 6px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
border-radius: 2em;
|
2020-12-26 02:22:37 +02:00
|
|
|
margin: 6px 0 0;
|
2020-12-24 20:32:05 +02:00
|
|
|
}
|
2021-05-06 15:26:28 +03:00
|
|
|
|
|
|
|
|
.bg-set {
|
|
|
|
|
/* color: #586069;
|
|
|
|
|
background-color: #d1d5da80; */
|
|
|
|
|
}
|
2021-05-06 07:15:40 +03:00
|
|
|
</style>
|
2021-05-06 15:26:28 +03:00
|
|
|
|
|
|
|
|
<p class="{className} bg-set">{value}</p>
|
