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

97 lines
2.0 kB
Raw Blame History 

  1. .quick-start {

  2.   width: calc(100% - 326px);

  3.   padding: 20px 30px;

  4.   background-color: white;

  5.   border-radius: 4px;

  6. 

  7.   &__title {

  8.     margin-bottom: 20px;

  9.     color: @text-color;

  10.     font-weight: 500;

  11.     font-size: @font-size-title;

  12.   }

  13. 

  14.   &__content {

  15.     position: relative;

  16.     display: flex;

  17.     align-items: center;

  18.     justify-content: center;

  19.     width: 100%;

  20.     height: 610px;

  21.     background-image: url(@/assets/img/workspace-quick-start.png);

  22.     background-repeat: no-repeat;

  23.     background-position: top left;

  24.     background-size: 100% 100%;

  25. 

  26.     &__canvas {

  27.       position: relative;

  28.       width: 1223px;

  29.       height: 610px;

  30.       transform-origin: center left;

  31. 

  32.       &__model {

  33.         position: absolute;

  34.         top: 358px;

  35.         left: 920px;

  36.         display: flex;

  37.         flex-direction: column;

  38.         align-items: center;

  39.         color: @primary-color;

  40.         font-size: @font-size;

  41.       }

  42. 

  43.       &__task {

  44.         position: absolute;

  45.         top: 110px;

  46.         left: 603px;

  47.         display: flex;

  48.         align-items: center;

  49.         justify-content: center;

  50.         width: 131px;

  51.         height: 41px;

  52.         color: @primary-color;

  53.         font-size: @font-size;

  54.         background-color: rgba(22, 100, 255, 0.05);

  55.         border: 1px dashed @primary-color;

  56.         border-radius: 4px;

  57.         box-shadow: 0px 0px 6px rgba(22, 100, 255, 0.07);

  58.       }

  59.     }

  60.   }

  61. }

  62. 

  63. .work-flow {

  64.   position: absolute;

  65.   width: 192px;

  66.   padding: 15px;

  67.   background-color: white;

  68.   border: 1px solid;

  69.   border-color: rgba(22, 100, 255, 0.08);

  70.   border-radius: 0px 8px 0px 0px;

  71.   box-shadow: 0px 0px 10px rgba(22, 100, 255, 0.06);

  72. 

  73.   &__content {

  74.     color: @text-color-secondary;

  75.     font-size: @font-size;

  76.   }

  77. 

  78.   &__tips {

  79.     position: absolute;

  80.     top: -16px;

  81.     left: 0;

  82.     padding: 4px 10px;

  83.     color: white;

  84.     font-size: @font-size;

  85.     background-color: #333333;

  86.   }

  87. }

  88. 

  89. .work-arrow {

  90.   position: absolute;

  91.   border: 0 dashed @primary-color;

  92. 

  93.   &__img {

  94.     position: absolute;

  95.   }

  96. }