Files
watchparty/admin/src/index.css
T
2020-08-15 18:02:04 -04:00

133 lines
2.3 KiB
CSS

@import "~antd/dist/antd.css";
@import "~antd/dist/antd.dark.css" screen and (prefers-color-scheme: dark);
#root,
#root .app-wrapper {
width: 100%;
height: 100%;
}
.login-card-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.login-card-wrapper .ant-card {
border-radius: 26px;
transition: all ease-in-out 0.3s;
}
.login-card-wrapper .ant-card:hover {
filter: drop-shadow(0px 0px 50px rgba(170, 170, 170, 0.2));
}
.login-card-wrapper .ant-card-actions {
border-radius: 26px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.dashboard-wrapper {
padding: 35px 70px;
padding-top: 0;
}
.dashboard-wrapper .ant-card {
border-radius: 26px;
filter: drop-shadow(0px 0px 5px rgba(221, 221, 221, 0.438));
}
.ant-table-content {
overflow-x: auto;
}
.video-selector-input {
margin: 10px 0;
}
.alerts-wrapper {
max-height: 300px !important;
overflow: hidden !important;
}
.alerts-wrapper .ant-card {
margin: 5px 2px !important;
filter: none !important;
border-radius: initial !important;
max-width: 400px;
}
.alerts-wrapper .ant-card-body input,
.ant-card-body textarea {
margin: 10px auto;
}
.alerts-wrapper .add-alert-card {
width: calc(400px - 2px);
height: calc(400px - 5px);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.alerts-wrapper .add-alert-card svg {
width: 64px;
height: 64px;
}
.save-video-selector {
margin-top: 10px;
}
span#call-icon svg {
width: 25px;
height: 25px;
}
.title-header {
margin-bottom: 17.5px;
}
.title-header .ant-page-header-heading-title,
.title-header .ant-page-header-heading-sub-title {
letter-spacing: 1.5px;
}
.party-details-wrapper > td {
padding: 0 !important;
}
.party-details-wrapper .ant-descriptions-view table {
width: 100% !important;
}
.party-details-wrapper .ant-descriptions-view table td,
.party-details-wrapper .ant-descriptions-view table th {
border-bottom: 1px solid #f0f0f0;
}
.ant-page-header .ant-badge {
margin-right: 10px;
}
.ant-page-header .ant-badge-count {
right: 100%;
z-index: 9;
top: -10%;
}
.ant-page-header .active .ant-badge-count {
background: green;
}
.ant-page-header .afk .ant-badge-count {
background: rgb(79, 120, 209);
}
.ant-modal-body > * {
margin: 5px 0px;
width: 100%;
}