ci4s
/
ci4sManagement-cloud
Not watched
1
0
Fork 0
Code
Releases 1 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: d846de8965
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'd846de8965'
${ noResults }
ci4sManagement-cloud/react-ui/src/components/BasicInfo/index.less

53 lines
839 B
Raw Blame History 

  1. .kf-basic-info {

  2.   display: flex;

  3.   flex-direction: row;

  4.   flex-wrap: wrap;

  5.   gap: 20px 40px;

  6.   align-items: flex-start;

  7.   width: 80%;

  8. }

  9. 

  10. .kf-basic-info-item {

  11.   display: flex;

  12.   align-items: flex-start;

  13.   width: calc(50% - 20px);

  14.   font-size: 16px;

  15.   line-height: 1.6;

  16. 

  17.   &__label {

  18.     position: relative;

  19.     flex: none;

  20.     color: @text-color-secondary;

  21.     text-align: justify;

  22.     text-align-last: justify;

  23. 

  24.     &::after {

  25.       position: absolute;

  26.       content: ':';

  27.     }

  28.   }

  29. 

  30.   &__list-value {

  31.     display: flex;

  32.     flex: 1;

  33.     flex-direction: column;

  34.     gap: 5px 0;

  35.   }

  36. 

  37.   &__value {

  38.     flex: 1;

  39.     margin-left: 16px;

  40.     white-space: pre-line;

  41.     word-break: break-all;

  42.   }

  43. 

  44.   &__text {

  45.     color: @text-color;

  46.   }

  47. 

  48.   &__link:hover {

  49.     text-decoration: underline @underline-color;

  50.     text-underline-offset: 3px;

  51.   }

  52. }