phuocntb/rikkei_simple_care
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix tuong phan

Browse Source
This commit is contained in:
Nguyễn Phước
2026-07-13 15:30:56 +07:00
parent 83821b6b82
commit b56c6d722c
2 changed files with 80 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
management/src/components/ExamGridProctor.tsx
View File

@@ -254,7 +254,7 @@ export const ExamGridProctor: React.FC<ExamGridProctorProps> = ({
}; };
return ( return (
<div className="grid-proctor-container" ref={gridContainerRef}> <div className={`grid-proctor-container ${isFullscreen ? 'fullscreen-active' : ''}`} ref={gridContainerRef}>
<div className="grid-proctor-toolbar"> <div className="grid-proctor-toolbar">
<div className="grid-proctor-toolbar-left"> <div className="grid-proctor-toolbar-left">
<div className="search-input-wrapper"> <div className="search-input-wrapper">

79
management/src/index.css
View File

@@ -6100,3 +6100,82 @@ input:checked + .slider:before {
} }
} }
/* Fullscreen theme overrides */
.grid-proctor-container.fullscreen-active,
.grid-proctor-container:fullscreen {
padding: 2rem !important;
background: #121214 !important;
color: #e4e4eb !important;
}
.grid-proctor-container.fullscreen-active .grid-proctor-toolbar,
.grid-proctor-container:fullscreen .grid-proctor-toolbar {
background: #121214 !important;
border-bottom: 1px solid #2e2e38 !important;
top: -2rem !important;
padding-top: 2rem !important;
margin-top: -2rem !important;
}
.grid-proctor-container.fullscreen-active .checkbox-label,
.grid-proctor-container:fullscreen .checkbox-label {
color: #e4e4eb !important;
}
.grid-proctor-container.fullscreen-active .grid-cols-selector span,
.grid-proctor-container:fullscreen .grid-cols-selector span {
color: #a0a0b0 !important;
}
.grid-proctor-container.fullscreen-active select,
.grid-proctor-container:fullscreen select {
background-color: #1e1e24 !important;
color: #e4e4eb !important;
border-color: #2e2e38 !important;
}
.grid-proctor-container.fullscreen-active .grid-proctor-card,
.grid-proctor-container:fullscreen .grid-proctor-card {
background: #1e1e24 !important;
border-color: #2e2e38 !important;
}
.grid-proctor-container.fullscreen-active .grid-proctor-card-header,
.grid-proctor-container:fullscreen .grid-proctor-card-header {
background: #242b3b !important;
border-bottom: 1px solid #2e2e38 !important;
color: #e4e4eb !important;
}
.grid-proctor-container.fullscreen-active .student-name,
.grid-proctor-container:fullscreen .student-name {
color: #e4e4eb !important;
}
.grid-proctor-container.fullscreen-active .student-code,
.grid-proctor-container:fullscreen .student-code {
color: #ff7875 !important;
}
.grid-proctor-container.fullscreen-active .grid-proctor-card-footer,
.grid-proctor-container:fullscreen .grid-proctor-card-footer {
background: #242b3b !important;
border-top: 1px solid #2e2e38 !important;
color: #a0a0b0 !important;
}
.grid-proctor-container.fullscreen-active .assigned-paper,
.grid-proctor-container:fullscreen .assigned-paper {
color: #d9d9d9 !important;
}
.grid-proctor-container.fullscreen-active .grid-proctor-pagination,
.grid-proctor-container:fullscreen .grid-proctor-pagination {
border-top: 1px solid #2e2e38 !important;
}
.grid-proctor-container.fullscreen-active .grid-proctor-pagination span,
.grid-proctor-container:fullscreen .grid-proctor-pagination span {
color: #e4e4eb !important;
}