arav/appointment_to_examiner
1
0
Fork 0
forked from CSI-KJSCE/appointment_to_examiner
Code Pull Requests Activity

css fix

Browse Source
This commit is contained in:
Harshitha Shetty
2024-12-08 18:40:46 +05:30
parent c07c6251e4
commit 6b06b9722f
3 changed files with 83 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
client/src/Pages/FilterPage.css
View File

@@ -1,53 +1,58 @@
.filter-container { .filter-container {
text-align: center; text-align: center;
margin-top: 30px; margin-top: 30px;
} }
.filter-form select, .filter-form select,
.filter-form button { .filter-form button {
margin: 10px; margin: 10px;
padding: 8px; padding: 8px;
} width: 12rem;
}
.table-container {
margin-top: 20px; .filter-form{
display: flex; display: flex;
justify-content: center; gap: 10px;
} }
.table-container table { .table-container {
width: 80%; margin-top: 20px;
border-collapse: collapse; display: flex;
} justify-content: center;
}
.table-container th,
.table-container td { .table-container table {
border: 1px solid #ddd; width: 80%;
padding: 8px; border-collapse: collapse;
} }
.table-container th { .table-container th,
background-color: maroon; .table-container td {
color: white; border: 1px solid #ddd;
} padding: 8px;
}
.active-button {
background-color: #800000; /* Highlight color */ .table-container th {
color: white; background-color: maroon;
border: none; color: white;
padding: 10px 20px; }
cursor: pointer;
} .active-button {
background-color: #800000; /* Highlight color */
button { color: white;
margin: 5px; border: none;
padding: 10px 20px; padding: 10px 20px;
cursor: pointer; cursor: pointer;
background-color: #ddd; }
border: 1px solid #ccc;
} button {
margin: 5px;
button:hover { padding: 10px 20px;
background-color: #ccc; cursor: pointer;
} background-color: #ddd;
border: 1px solid #ccc;
}
button:hover {
background-color: #ccc;
}

21
client/src/Pages/Navbar.css
View File

@@ -1,6 +1,6 @@
.navbar { .navbar {
background-color: #800000; /* Maroon background */ background-color: #800000; /* Maroon background */
height: 60px; /* Navbar height */ height: 50px; /* Navbar height */
width: 100%; /* Full width */ width: 100%; /* Full width */
display: flex; /* Flexbox for alignment */ display: flex; /* Flexbox for alignment */
justify-content: flex-end; /* Align items to the right */ justify-content: flex-end; /* Align items to the right */
@@ -12,6 +12,25 @@
z-index: 1000; /* Place above other elements */ z-index: 1000; /* Place above other elements */
} }
.navbar {
box-sizing: border-box; /* Include padding and border in the height calculation */
}
* {
margin: 0;
padding: 1000;
box-sizing: border-box;
}
.navbar select,
.navbar input {
height: auto;
margin: 0;
padding: 5px 10px;
font-size: 16px; /* Ensure consistent font size */
}
/* User Icon */ /* User Icon */
.user-icon { .user-icon {
font-size: 30px; /* Icon size */ font-size: 30px; /* Icon size */

8
client/src/index.css
View File

@@ -1,4 +1,4 @@
body { /* body {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
@@ -10,4 +10,8 @@ body {
code { code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace; monospace;
} } */
#root{
width: 100vw;
}