| | |
|---|
| | | const defaultConfig = reactive<DefaultConfigType>({
|
|---|
| | | // Colors (hex|rgb|rgba|color keywords) ['#000', 'rgb(0, 0, 0)', 'rgba(0, 0, 0, 1)', 'red']
|
|---|
| | | colors: [
|
|---|
| | | "#37a2da",
|
|---|
| | | "red",
|
|---|
| | | "#32c5e9",
|
|---|
| | | "#67e0e3",
|
|---|
| | | "#9fe6b8",
|
|---|
| | |
|---|
| | | box-sizing: border-box;
|
|---|
| | | padding: 10px;
|
|---|
| | | color: #fff;
|
|---|
| | |
|
|---|
| | | height: 90%!important;
|
|---|
| | | .label-column {
|
|---|
| | | display: flex;
|
|---|
| | | flex-direction: column;
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .capsule-item {
|
|---|
| | | box-shadow: 0 0 3px #999;
|
|---|
| | | //box-shadow: 0 0 3px #999;
|
|---|
| | | box-shadow:none;
|
|---|
| | | height: 10px;
|
|---|
| | | margin: 5px 0px;
|
|---|
| | | border-radius: 5px;
|
|---|
| | |
|
|---|
| | | .capsule-item-column {
|
|---|
| | | position: relative;
|
|---|
| | | height: 8px;
|
|---|
| | | background: linear-gradient(to right, #9fe1fa, #f4edc9);
|
|---|
| | | position: relative;
|
|---|
| | | height: 15px;
|
|---|
| | | margin-top: 1px;
|
|---|
| | | border-radius: 5px;
|
|---|
| | | transition: all 0.3s;
|
|---|
