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: ff4e73c665
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'ff4e73c665'
${ noResults }
ci4sManagement-cloud/react-ui/src/pages/Dataset/components/VersionCompareModal/index.less

122 lines
2.2 kB
Raw Blame History 

  1. @purple-color: #6516ff;

  2. 

  3. .title(@color, @background) {

  4.   width: 100%;

  5.   margin-bottom: 20px;

  6.   padding: 0 15px;

  7.   color: @color;

  8.   font-weight: 500;

  9.   font-size: @font-size;

  10.   line-height: 42px;

  11.   text-align: center;

  12.   background: @background;

  13.   border-radius: 4px 4px 0 0;

  14.   .singleLine();

  15. }

  16. 

  17. .text() {

  18.   margin-bottom: 20px !important;

  19.   color: @text-color-secondary;

  20.   font-size: 13px;

  21.   line-height: 22px;

  22.   word-break: break-all;

  23.   .singleLine();

  24. }

  25. 

  26. .version-container(@background) {

  27.   flex: 1;

  28.   min-width: 0;

  29.   background: @background;

  30.   border-radius: 4px;

  31. }

  32. 

  33. .version-compare {

  34.   :global {

  35.     .ant-modal-content {

  36.       padding: 40px 40px 25px !important;

  37.     }

  38.     .ant-modal-header {

  39.       margin-bottom: 20px !important;

  40.     }

  41.     .kf-modal-title {

  42.       color: @text-color;

  43.       font-weight: 500;

  44.       font-size: 20px;

  45.     }

  46.   }

  47. 

  48.   &__container {

  49.     display: flex;

  50.     flex-wrap: nowrap;

  51.     gap: 0 5px;

  52.     align-items: stretch;

  53.     height: 100%;

  54.   }

  55. 

  56.   &__fields {

  57.     flex: none;

  58.     width: 117px;

  59.     padding: 0 15px;

  60.     background: rgba(255, 255, 255, 0.1);

  61.     border: 1px solid .addAlpha(@primary-color, 0.2) [];

  62.     border-radius: 4px;

  63.     box-shadow: 0px 3px 6px .addAlpha(@primary-color, 0.1) [] inset;

  64. 

  65.     &__title {

  66.       margin-bottom: 20px;

  67.       color: @text-color;

  68.       font-size: @font-size;

  69.       line-height: 42px;

  70.     }

  71.     &__text {

  72.       .text();

  73. 

  74.       &--different {

  75.         color: @error-color;

  76.       }

  77.     }

  78.   }

  79. 

  80.   &__left {

  81.     .version-container(.addAlpha(@primary-color, 0.04) []);

  82. 

  83.     &__title {

  84.       .title(@primary-color, linear-gradient(

  85.         159.9deg,rgba(138, 177, 255, 0.5) 0%,

  86.         rgba(22, 100, 255, 0.5) 100%

  87.       ));

  88.     }

  89. 

  90.     &__text {

  91.       padding: 0 15px;

  92.       text-align: center;

  93.       .text();

  94. 

  95.       &--different {

  96.         color: @primary-color;

  97.       }

  98.     }

  99.   }

  100. 

  101.   &__right {

  102.     .version-container(rgba(100, 30, 237, 0.04));

  103.     &__title {

  104.       .title(@purple-color, linear-gradient(

  105.         159.9deg,

  106.         rgba(193, 138, 255, 0.5) 0%,

  107.         rgba(146, 22, 255, 0.5) 100%

  108.       ));

  109.     }

  110. 

  111.     &__text {

  112.       padding: 0 15px;

  113.       text-align: center;

  114.       .text();

  115. 

  116.       &--different {

  117.         color: @purple-color;

  118.       }

  119.     }

  120.   }

  121. }