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

110 lines
2.0 kB
Raw Blame History 

  1. .code-config-item {

  2.   position: relative;

  3.   width: calc(25% - 15px);

  4.   padding: 20px;

  5.   background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);

  6.   border: 2px solid white;

  7.   border-radius: 4px;

  8.   box-shadow: 0px 3px 10px rgba(164, 169, 181, 0.13);

  9.   cursor: pointer;

  10. 

  11.   &:hover {

  12.     border-color: @primary-color;

  13.   }

  14. 

  15.   @media screen and (max-width: 1860px) {

  16.     & {

  17.       width: calc(33.33% - 13.33px);

  18.     }

  19.   }

  20. 

  21.   &__icon {

  22.     flex: none;

  23.     width: 16px;

  24.     height: 16px;

  25.     margin-right: 10px;

  26.   }

  27. 

  28.   &__name {

  29.     position: relative;

  30.     margin-right: 20px;

  31.     margin-bottom: 0 !important;

  32.     color: @text-color;

  33.     font-weight: 500;

  34.     font-size: 16px;

  35. 

  36.     &::after {

  37.       position: absolute;

  38.       top: 14px;

  39.       left: 0;

  40.       width: 100%;

  41.       height: 6px;

  42.       background: linear-gradient(

  43.         to right,

  44.         .addAlpha(@primary-color, 0.4) [] 0,

  45.         .addAlpha(@primary-color, 0) [] 100%

  46.       );

  47.       content: '';

  48.     }

  49.   }

  50. 

  51.   &:hover &__name {

  52.     color: @primary-color;

  53.   }

  54. 

  55.   &__tag {

  56.     flex: none;

  57.     padding: 1px 10px;

  58.     font-size: 13px;

  59.     border-radius: 2px;

  60. 

  61.     &--public {

  62.       color: @primary-color;

  63.       background-color: .addAlpha(@primary-color, 0.1) [];

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

  65.     }

  66. 

  67.     &--private {

  68.       color: @warning-color;

  69.       background-color: .addAlpha(@warning-color, 0.1) [];

  70.       border: 1px solid .addAlpha(@warning-color, 0.5) [];

  71.     }

  72.   }

  73. 

  74.   :global {

  75.     .ant-btn {

  76.       flex: none;

  77.       color: #808080;

  78.     }

  79.   }

  80. 

  81.   &__url-box {

  82.     margin-bottom: 15px;

  83.     padding: 14px;

  84.     background-color: .addAlpha(@primary-color, 0.04) [];

  85.     border-radius: 4px;

  86.   }

  87. 

  88.   &__url {

  89.     margin-bottom: 15px !important;

  90.     color: @text-color;

  91.     font-size: 14px;

  92.     word-break: break-all;

  93.   }

  94. 

  95.   &__branch {

  96.     color: @text-color-secondary;

  97.     font-size: 14px;

  98.   }

  99. 

  100.   &__user,

  101.   &__time {

  102.     display: flex;

  103.     flex: 0 1 content;

  104.     align-items: center;

  105.     width: 100%;

  106.     color: #808080;

  107.     font-size: 13px;

  108.   }

  109. }