114 lines
2.3 KiB
SCSS
114 lines
2.3 KiB
SCSS
/* You can add global styles to this file, and also import other style files */
|
|
/* Core Data Grid CSS */
|
|
@import "ag-grid-community/styles/ag-grid.css";
|
|
/* Quartz Theme Specific CSS */
|
|
@import 'ag-grid-community/styles/ag-theme-quartz.css';
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
|
|
html, body {
|
|
height: 100vh;
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #e2e2e2;
|
|
font-family: Roboto, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
.icon {
|
|
border: 1px solid #d0d5dd;
|
|
background-color: white;
|
|
cursor: pointer;
|
|
padding: 4px;
|
|
box-sizing: border-box;
|
|
border-radius: 6px;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
transition: box-shadow 0.1s ease-in-out;
|
|
|
|
&:hover {
|
|
// box-shadow: 0 0 0 4px transparent,0 1px 2px #0c111d11;
|
|
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
|
|
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
|
|
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
|
|
}
|
|
}
|
|
|
|
.icon-btn-sm {
|
|
// box-shadow: 0 0 0 4px transparent,0 1px 2px #0c111d11;
|
|
border: 1px solid #d0d5dd;
|
|
background-color: white;
|
|
cursor: pointer;
|
|
padding: 4px;
|
|
box-sizing: border-box;
|
|
border-radius: 6px;
|
|
background-size: 20px;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 38px;
|
|
height: 38px;
|
|
transition: box-shadow 0.1s ease-in-out;
|
|
|
|
&:hover {
|
|
// box-shadow: 0 0 0 4px transparent,0 1px 2px #0c111d11;
|
|
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
|
|
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
|
|
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
}
|
|
|
|
.icon-btn-xs {
|
|
width: 28px;
|
|
height: 28px;
|
|
background-size: 20px;
|
|
}
|
|
|
|
.loading-spinner {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
z-index: 1000;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.delete {
|
|
background-image: url("./assets/img/delete.svg");
|
|
}
|
|
|
|
.restore {
|
|
background-image: url("./assets/img/restore.svg");
|
|
}
|
|
|
|
.ag-row {
|
|
transition: background-color 0.2s ease-in-out;
|
|
}
|
|
|
|
.ag-row .ag-cell {
|
|
display: flex;
|
|
// justify-content: center; /* align horizontal */
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
div.ag-row {
|
|
// font-size: 16px !important;
|
|
}
|
|
|
|
.floating-btn-container {
|
|
position: absolute;
|
|
bottom: 48px;
|
|
right: 24px;
|
|
display: flex;
|
|
gap: 12px;
|
|
} |