90 lines
1.3 KiB
CSS
90 lines
1.3 KiB
CSS
body {
|
|
font-family: sans-serif;
|
|
margin: 0;
|
|
padding: 20px;
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.container {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
background-color: #fff;
|
|
padding: 20px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2rem;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.search-bar {
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
align-items: center;
|
|
}
|
|
|
|
.search-bar input[type="text"] {
|
|
padding: 8px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
flex-grow: 1;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.search-bar button {
|
|
padding: 10px 15px;
|
|
background-color: #007bff;
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.add-button {
|
|
background-color: #07af16;
|
|
color: #fff;
|
|
padding: 10px 15px;
|
|
border: none;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
float: left;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.employee-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.employee-table th,
|
|
.employee-table td {
|
|
padding: 12px 15px;
|
|
border: 1px solid #ddd;
|
|
text-align: left;
|
|
}
|
|
|
|
.employee-table th {
|
|
background-color: #f0f0f0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sortable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.logout-button {
|
|
background-color: transparent;
|
|
border: none;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
width: 30px;
|
|
height: 30px;
|
|
display: flex;
|
|
float: right;
|
|
}
|
|
|
|
.logout-button img {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|