You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
146 lines
2.7 KiB
SCSS
146 lines
2.7 KiB
SCSS
// Copyright (C) 2020 Intel Corporation
|
|
//
|
|
// SPDX-License-Identifier: MIT
|
|
|
|
@import '../../base.scss';
|
|
|
|
.cvat-projects-page {
|
|
padding-top: $grid-unit-size * 2;
|
|
padding-bottom: $grid-unit-size;
|
|
height: 100%;
|
|
width: 100%;
|
|
|
|
> div:nth-child(1) {
|
|
padding-bottom: $grid-unit-size;
|
|
|
|
div > {
|
|
span {
|
|
color: $text-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* empty-projects icon */
|
|
.cvat-empty-projects-list {
|
|
> div:nth-child(1) {
|
|
margin-top: $grid-unit-size * 6;
|
|
}
|
|
|
|
> div:nth-child(2) {
|
|
> div {
|
|
margin-top: $grid-unit-size * 3;
|
|
|
|
/* No projects created yet */
|
|
> span {
|
|
font-size: 20px;
|
|
color: $text-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* To get started with your annotation project .. */
|
|
> div:nth-child(3) {
|
|
margin-top: $grid-unit-size;
|
|
}
|
|
}
|
|
|
|
.cvat-projects-top-bar {
|
|
> div:nth-child(1) {
|
|
display: flex;
|
|
|
|
> span:nth-child(2) {
|
|
width: $grid-unit-size * 25;
|
|
margin-left: $grid-unit-size;
|
|
}
|
|
}
|
|
|
|
> div:nth-child(2) {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
|
|
.cvat-create-project-button {
|
|
padding: 0 $grid-unit-size * 4;
|
|
}
|
|
|
|
.cvat-projects-pagination {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.ant-menu.cvat-project-actions-menu {
|
|
box-shadow: 0 0 17px rgba(0, 0, 0, 0.2);
|
|
|
|
> li:hover {
|
|
background-color: $hover-menu-color;
|
|
}
|
|
|
|
.ant-menu-submenu-title {
|
|
margin: 0;
|
|
width: 13em;
|
|
}
|
|
}
|
|
|
|
.cvat-projects-project-item-card {
|
|
.cvat-projects-project-item-card-preview {
|
|
.ant-empty {
|
|
margin: $grid-unit-size;
|
|
height: inherit;
|
|
display: grid;
|
|
|
|
> div:first-child {
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
object-fit: cover;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cvat-projects-project-item-title {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cvat-porjects-project-item-description {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
// actions button
|
|
> div:nth-child(2) {
|
|
display: flex;
|
|
align-self: flex-end;
|
|
justify-content: center;
|
|
|
|
> button {
|
|
color: $text-color;
|
|
width: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ant-card-cover {
|
|
flex: 1;
|
|
height: 0;
|
|
}
|
|
|
|
width: 25%;
|
|
border-width: 4px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.cvat-project-list-content {
|
|
padding-bottom: $grid-unit-size;
|
|
}
|
|
|
|
.cvat-projects-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|