員工出勤整合
chailinkuo
員工出勤記錄
chailinkuo
/* Reset default margins and paddings */
html, body {
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden;
}
/* Override Drupal's default container widths */
body,
.layout-container,
.layout-content,
main#content,
.region-content,
.block-system-main-block,
article.node {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.atlantis-container {
font-family: Arial, sans-serif;
width: 100%;
margin:
設定颱風假
chailinkuo
.typhoon-container {
font-family: Arial, sans-serif;
max-width: 100%;
margin: 0 auto;
padding: 20px;
background-color: #f0f8ff;
}
.typhoon-form {
margin-bottom: 20px;
background-color: #e6f3ff;
padding: 15px;
border-radius: 5px;
}
.typhoon-form input[type="date"] {
padding: 5px;
margin-right: 10px;
}
.typhoon-table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
}
.typhoon-table th, .typhoon-table td {
border:
國定假日與補班日管理
chailinkuo
日期
核准單核銷
chailinkuo
.approval-details table {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
.approval-details th,
.approval-details td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
.approval-details th {
background-color: #f2f2f2;
font-weight: bold;
}
.approval-details tr:nth-child(even) {
background-color: #f9f9f9;
}
.reimbursement-form {
margin-top: 20px;
}
.reimbursement-form label {
display: block;
margin-bottom: 5p
所有核准單
chailinkuo
選擇年份選擇月份1月2月3月4月5月6月7月8月9月10月11月12月
| 申請人 | 簽核狀態 | 內容 |
請假管制記錄管理
chailinkuo
.atlantis-container {
font-family: Arial, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #f0f5ff;
color: #333;
}
.atlantis-record-select {
margin-bottom: 20px;
background-color: #d4e4ff;
padding: 15px;
border-radius: 8px;
}
.atlantis-record-card {
border: 1px solid #a0c4ff;
margin-bottom: 20px;
padding: 20px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
trans
新增請假管制
chailinkuo
.leave-control-form {
max-width: 500px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="text"], select, textarea {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}
input[type="date"] {
width: 100
所有申請單
chailinkuo
簽核資料一覽
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
margin: 0;
padding: 20px;
}
.atlantis-container {
max-width: 100%;
margin: 0 auto;
padding: 20px;
background-color: #f0f8ff;
}
.atlantis-table {
width: 100%;
border-collapse
部門資料管理
chailinkuo
.atlantis-container {
font-family: Arial, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #f0f5ff; /* 淺藍色背景 */
color: #333; /* 深灰色文字 */
}
.atlantis-department-select {
margin-bottom: 20px;
background-color: #d4e4ff; /* 更深的藍色 */
padding: 15px;
border-radius: 8px;
}
.atlantis-department-card {
border: 1px solid #a0c4ff; /* 中等藍色邊框 */
margin-bottom: 20px;
padding: 20px;
background-color: #ffffff;
border-radius: 8px;
|
|---|