feat: redesign analytical dashboard interface
This commit is contained in:
Gleb Korotkiy
405
docs/components/line.css
Normal file
405
docs/components/line.css
Normal file
@@ -0,0 +1,405 @@
|
||||
/* Rectangle 2461 */
|
||||
|
||||
position: absolute;
|
||||
width: 722px;
|
||||
height: 326px;
|
||||
|
||||
background: rgba(230, 230, 230, 0.8);
|
||||
border-radius: 24px;
|
||||
|
||||
/* Топ отраслей по количеству организаций ОПК, участвующих в инновационных объединений */
|
||||
|
||||
position: absolute;
|
||||
width: 596.19px;
|
||||
height: 40px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
/* or 100% */
|
||||
|
||||
color: #000000;
|
||||
|
||||
/* Авиационная промышленность */
|
||||
|
||||
position: absolute;
|
||||
width: 463px;
|
||||
height: 12px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
/* identical to box height, or 100% */
|
||||
|
||||
color: #000000;
|
||||
|
||||
/* Радиоэлектронная промышленность */
|
||||
|
||||
position: absolute;
|
||||
width: 463px;
|
||||
height: 12px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
/* identical to box height, or 100% */
|
||||
|
||||
color: #000000;
|
||||
|
||||
/* Промышленность обычных вооружений */
|
||||
|
||||
position: absolute;
|
||||
width: 463px;
|
||||
height: 12px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
/* identical to box height, or 100% */
|
||||
|
||||
color: #000000;
|
||||
|
||||
/* Промышленность боепрпасов и спецхимии */
|
||||
|
||||
position: absolute;
|
||||
width: 463px;
|
||||
height: 12px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
/* identical to box height, or 100% */
|
||||
|
||||
color: #000000;
|
||||
|
||||
/* Беспилотные системы и робототехника */
|
||||
|
||||
position: absolute;
|
||||
width: 463px;
|
||||
height: 12px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
/* identical to box height, or 100% */
|
||||
|
||||
color: #000000;
|
||||
|
||||
/* Судостроительная промышленность */
|
||||
|
||||
position: absolute;
|
||||
width: 463px;
|
||||
height: 12px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
/* identical to box height, or 100% */
|
||||
|
||||
color: #000000;
|
||||
|
||||
/* 180 */
|
||||
|
||||
position: absolute;
|
||||
width: 27.7px;
|
||||
height: 16px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
|
||||
color: #000000;
|
||||
|
||||
opacity: 0.9;
|
||||
|
||||
/* 124 */
|
||||
|
||||
position: absolute;
|
||||
width: 27.7px;
|
||||
height: 16px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
|
||||
color: #000000;
|
||||
|
||||
opacity: 0.9;
|
||||
|
||||
/* 110 */
|
||||
|
||||
position: absolute;
|
||||
width: 27.7px;
|
||||
height: 16px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
|
||||
color: #000000;
|
||||
|
||||
opacity: 0.9;
|
||||
|
||||
/* 78 */
|
||||
|
||||
position: absolute;
|
||||
width: 27.7px;
|
||||
height: 16px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
|
||||
color: #000000;
|
||||
|
||||
opacity: 0.9;
|
||||
|
||||
/* 101 */
|
||||
|
||||
position: absolute;
|
||||
width: 27.7px;
|
||||
height: 16px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
|
||||
color: #000000;
|
||||
|
||||
opacity: 0.9;
|
||||
|
||||
/* 12 */
|
||||
|
||||
position: absolute;
|
||||
width: 27.7px;
|
||||
height: 16px;
|
||||
|
||||
font-family: 'Clear Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
|
||||
color: #000000;
|
||||
|
||||
opacity: 0.9;
|
||||
|
||||
/* Rectangle 2464 */
|
||||
|
||||
position: absolute;
|
||||
width: 650px;
|
||||
height: 4px;
|
||||
|
||||
background: #674ee3;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2465 */
|
||||
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 4px;
|
||||
|
||||
background: #ec9478;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2466 */
|
||||
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 4px;
|
||||
|
||||
background: #7dccc5;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2467 */
|
||||
|
||||
position: absolute;
|
||||
width: 650px;
|
||||
height: 4px;
|
||||
|
||||
background: #674ee3;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2468 */
|
||||
|
||||
position: absolute;
|
||||
width: 650px;
|
||||
height: 4px;
|
||||
|
||||
background: #674ee3;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2469 */
|
||||
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 4px;
|
||||
|
||||
background: #ec9478;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2470 */
|
||||
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 4px;
|
||||
|
||||
background: #7dccc5;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2471 */
|
||||
|
||||
position: absolute;
|
||||
width: 650px;
|
||||
height: 4px;
|
||||
|
||||
background: #674ee3;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2472 */
|
||||
|
||||
position: absolute;
|
||||
width: 400px;
|
||||
height: 4px;
|
||||
|
||||
background: #ec9478;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2473 */
|
||||
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 4px;
|
||||
|
||||
background: #7dccc5;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2474 */
|
||||
|
||||
position: absolute;
|
||||
width: 650px;
|
||||
height: 4px;
|
||||
|
||||
background: #674ee3;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2475 */
|
||||
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 4px;
|
||||
|
||||
background: #ec9478;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2476 */
|
||||
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 4px;
|
||||
|
||||
background: #7dccc5;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2477 */
|
||||
|
||||
position: absolute;
|
||||
width: 650px;
|
||||
height: 4px;
|
||||
|
||||
background: #674ee3;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2478 */
|
||||
|
||||
position: absolute;
|
||||
width: 400px;
|
||||
height: 4px;
|
||||
|
||||
background: #ec9478;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2479 */
|
||||
|
||||
position: absolute;
|
||||
width: 45px;
|
||||
height: 4px;
|
||||
|
||||
background: #7dccc5;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2480 */
|
||||
|
||||
position: absolute;
|
||||
width: 650px;
|
||||
height: 4px;
|
||||
|
||||
background: #674ee3;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2481 */
|
||||
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 4px;
|
||||
|
||||
background: #ec9478;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
|
||||
/* Rectangle 2482 */
|
||||
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 4px;
|
||||
|
||||
background: #7dccc5;
|
||||
border-radius: 12px;
|
||||
transform: matrix(1, 0, 0, -1, 0, 0);
|
||||
Reference in New Issue
Block a user