Files
watchparty/admin/src/index.css
T
2020-08-15 11:45:50 -04:00

84 lines
1.4 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 .ant-card {
margin: 35px 70px;
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;
}
.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;
}