g
unknown
plain_text
a month ago
4.7 kB
2
Indexable
Never
.borrow-book-container { display: flex; flex-direction: column; height: 100vh; width: 100%; } .borrow-book-main { display: flex; flex: 1; margin-left: 18%; } .borrow-book-sidebar { flex: 0 0 18%; } .borrow-book-content { flex: 1; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 50px; } .borrow-book-title { font-size: 24px; margin-bottom: 20px; text-align: center; color: #D0EEF1; } .borrow-book-form { display: flex; flex-direction: column; width: 100%; max-width: 600px; padding: 20px; border-radius: 8px; } .borrow-book-form-group { display: flex; flex-direction: column; margin-bottom: 15px; } .borrow-book-form-group input { flex: 1 1; padding: 8px; border: 1px solid #ccc; border-radius: 4px; } .borrow-book-input-group { display: flex; align-items: center; } .borrow-book-input-group input { flex: 1; margin-right: 10px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; } .borrow-book-input-group button:hover { background-color: #ffc857; } .borrow-book-member-info, .borrow-book-book-info { margin-bottom: 20px; } .borrow-book-member-info p { margin-bottom: 10px; } .borrow-book-book-info p { margin-bottom: 10px; } .info-text { font-weight: bold; } .borrow-book-qr-scanner-container { display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 20px; } .borrow-book-close-button { padding: 5px 10px; border: none; border-radius: 4px; background-color: #FFD36A; color: #0C2122; cursor: pointer; position: absolute; top: 10px; right: 210px; } .borrow-book-additional-days { display: flex; flex-direction: column; margin-bottom: 20px; } .borrow-book-additional-days label { margin-bottom: 5px; font-weight: bold; } .borrow-book-additional-days input { padding: 8px; border: 1px solid #ccc; border-radius: 4px; } .borrow-book-save-button { background-color: #FFD36A; color: #0C2122; padding: 10px; border: none; border-radius: 4px; cursor: pointer; } .borrow-book-save-button:hover { background-color: #ffc857; } /* Message styles */ .borrow-book-message.success { color: #28a745; text-align: center; background-color: #e6ffed; padding: 10px 20px; width: 100%; max-width: 600px; margin: 20px auto; border-radius: 12px; border: 1px solid #28a745; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-size: 16px; font-family: Arial, sans-serif; } .borrow-book-message.error { color: red; text-align: center; background-color: #f8d7da; padding: 10px 20px; width: 100%; max-width: 600px; margin: 20px auto; border-radius: 12px; border: 1px solid red; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-size: 16px; font-family: Arial, sans-serif; } .borrow-book-loan-list { margin-top: 30px; width: 100%; } .borrow-book-loan-item { display: flex; align-items: center; padding: 10px; border-radius: 5px; margin-bottom: 10px; transition: background-color 0.3s ease; } .borrow-book-loan-item-link { text-decoration: none; color: inherit; } .borrow-book-book-cover { width: 50px; height: 75px; object-fit: cover; margin-right: 10px; } .borrow-book-loan-details { flex: 1; } /* Loan history styles */ .borrow-book-history { margin-top: 20px; padding: 20px; border-radius: 5px; background-color: #243F46; width: 100%; } .borrow-book-history h3 { font-size: 1.5em; margin-bottom: 15px; color: #D0EEF1; } /* Loan history table styles */ .loan-history-table { width: 100%; border-collapse: collapse; margin-top: 10px; } .loan-history-table th, .loan-history-table td { padding: 12px; text-align: left; font-size: 14px; } .loan-history-table th { font-weight: bold; } .loan-history-table tr:hover td { background-color: #FFD36A; color: #000; } .loan-history-table a { color: #FFD36A; } .loan-history-table a:hover td { text-decoration: underline; } .loan-history-table .member-id { width: 10%; } .loan-history-table .title { width: 25%; } .loan-history-table .user-name { width: 25%; } .loan-history-table .borrowed-date { width: 20%; } .loan-history-table .returned-date { width: 25%; } .loan-history-table tr:hover td { background-color: #FFD36A; color: #000; } .loan-history-table tr:hover .action a { color: #000; }
Leave a Comment