mirror of
https://github.com/netbirdio/dashboard.git
synced 2026-01-26 01:21:04 +00:00
009933c0e2
Refactoring UI using ant design This will allow us to move forward faster because of its popularity We also rewrote the code in TypeScript, we believe this is also a major step moving forward with the project as it brings more struct and clear/clean code. Co-authored-by: Raphael Oliveira <raphael.oliveira@dataontabs.com> Co-authored-by: braginini <bangvalo@gmail.com>
128 lines
2.1 KiB
CSS
128 lines
2.1 KiB
CSS
@import '~antd/dist/antd.css';
|
|
|
|
/*@tailwind base;*/
|
|
/*@tailwind components;*/
|
|
/*@tailwind utilities;*/
|
|
|
|
body {
|
|
font-size: 16px;
|
|
background-color: #f0f2f5;
|
|
}
|
|
|
|
.ant-layout-header {
|
|
background: #fff;
|
|
padding: 0;
|
|
height: auto;
|
|
min-height: 64px;
|
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
}
|
|
|
|
.ant-layout-content {
|
|
background-color: rgb(249, 250, 251);
|
|
min-height: 600px;
|
|
}
|
|
|
|
.ant-menu-horizontal {
|
|
border: none;
|
|
}
|
|
|
|
.ant-menu-horizontal > .ant-menu-item a {
|
|
color: rgba(107, 114, 128, 1);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ant-menu-horizontal > .ant-menu-item-selected a {
|
|
color: rgba(17, 24, 39, 1);
|
|
}
|
|
|
|
|
|
.menu-card {
|
|
@apply flex flex-col justify-center items-center bg-white h-screen py-40;
|
|
}
|
|
|
|
.center-content {
|
|
@apply flex flex-col justify-center items-center;
|
|
}
|
|
|
|
|
|
.space-align-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
}
|
|
.space-align-block {
|
|
flex: none;
|
|
margin: 8px 4px;
|
|
padding: 4px;
|
|
border: none;
|
|
}
|
|
.space-align-block .mock-block {
|
|
display: inline-block;
|
|
padding: 32px 8px 16px;
|
|
background: rgba(150, 150, 150, 0.2);
|
|
}
|
|
|
|
.bg-indigo-600{
|
|
background-color: rgb(79, 70, 229);
|
|
}
|
|
|
|
.card-table-no-placeholder .ant-table-placeholder{
|
|
display: none;
|
|
}
|
|
|
|
.card-table .ant-pagination {
|
|
padding: 0 16px;
|
|
}
|
|
|
|
.card-table .ant-empty {
|
|
height: 200px;
|
|
}
|
|
|
|
.card-table .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
|
|
box-shadow: none;
|
|
}
|
|
.card-table .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.select-rows-per-page-en .ant-select-selector::before {
|
|
content: 'Rows per page';
|
|
width: 104px;
|
|
align-self: center;
|
|
}
|
|
|
|
.ant-steps-item-tail::after {
|
|
background-color: #1890ff !important;
|
|
}
|
|
|
|
.ant-steps-item-icon {
|
|
background: #1890ff !important;
|
|
color: #ffffff !important;
|
|
border: none;
|
|
}
|
|
|
|
.ant-steps-icon {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.nb-code {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.nb-code pre {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.nb-code code {
|
|
border-radius: .25em;
|
|
}
|
|
|
|
.ant-steps-item-title {
|
|
color: rgba(0, 0, 0, .85) !important;
|
|
}
|
|
|
|
.access-control.ant-drawer-title:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
} |