|
|
|
|
| .library-page {
|
| max-width: 1120px;
|
| margin: 0 auto;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 20px;
|
| }
|
|
|
| .library-card {
|
| background: #ffffff;
|
| border-radius: 20px;
|
| padding: 20px 18px 18px;
|
| box-shadow:
|
| 0 18px 45px rgba(15, 23, 42, 0.10),
|
| 0 0 0 1px rgba(15, 23, 42, 0.02);
|
| }
|
|
|
| .library-card-header {
|
| display: flex;
|
| justify-content: space-between;
|
| align-items: flex-start;
|
| gap: 12px;
|
| margin-bottom: 12px;
|
| }
|
|
|
| .library-heading {
|
| margin: 0;
|
| font-size: 16px;
|
| font-weight: 600;
|
| color: #111827;
|
| }
|
|
|
| .library-subtext {
|
| margin: 4px 0 0;
|
| font-size: 12px;
|
| color: #6b7280;
|
| }
|
|
|
|
|
| .library-table-wrapper {
|
| width: 100%;
|
| overflow-x: auto;
|
| border-radius: 14px;
|
| border: 1px solid #e5e7eb;
|
| background: #f9fafb;
|
| }
|
|
|
|
|
| .library-table {
|
| width: 100%;
|
| border-collapse: collapse;
|
| min-width: 720px;
|
| font-size: 13px;
|
| }
|
|
|
| .library-table thead {
|
| background: #0f172a;
|
| color: #f9fafb;
|
| }
|
|
|
| .library-table th,
|
| .library-table td {
|
| padding: 8px 10px;
|
| text-align: left;
|
| border-bottom: 1px solid #e5e7eb;
|
| vertical-align: top;
|
| }
|
|
|
| .library-table th {
|
| font-weight: 500;
|
| font-size: 12px;
|
| letter-spacing: 0.06em;
|
| text-transform: uppercase;
|
| }
|
|
|
| .library-table tbody tr:nth-child(even) {
|
| background: #f3f4f6;
|
| }
|
|
|
| .library-table tbody tr:hover {
|
| background: #e5f0ff;
|
| }
|
|
|
|
|
| .lib-title {
|
| font-weight: 600;
|
| color: #111827;
|
| }
|
|
|
| .lib-author {
|
| color: #111827;
|
| }
|
|
|
| .lib-publisher {
|
| color: #6b7280;
|
| font-size: 12px;
|
| }
|
|
|
| .lib-isbn {
|
| font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
| font-size: 12px;
|
| color: #4b5563;
|
| }
|
|
|
| .lib-date {
|
| font-size: 12px;
|
| color: #111827;
|
| }
|
|
|
| .lib-meta {
|
| font-size: 11px;
|
| color: #6b7280;
|
| }
|
|
|
|
|
| .lib-badge {
|
| display: inline-flex;
|
| align-items: center;
|
| padding: 2px 6px;
|
| border-radius: 999px;
|
| font-size: 11px;
|
| margin-top: 3px;
|
| }
|
|
|
| .lib-badge-extended {
|
| background: #fef3c7;
|
| color: #92400e;
|
| border: 1px solid #fde68a;
|
| }
|
|
|
| .lib-status {
|
| display: inline-flex;
|
| align-items: center;
|
| padding: 3px 8px;
|
| border-radius: 999px;
|
| font-size: 11px;
|
| font-weight: 500;
|
| }
|
|
|
| .status-issued {
|
| background: #dbebff;
|
| color: #1d4ed8;
|
| }
|
|
|
| .status-extended {
|
| background: #ffedd5;
|
| color: #c05621;
|
| }
|
|
|
| .status-returned {
|
| background: #dcfce7;
|
| color: #166534;
|
| }
|
|
|
|
|
| .lib-fine {
|
| font-weight: 600;
|
| color: #b91c1c;
|
| }
|
|
|
| .lib-fine-none {
|
| color: #9ca3af;
|
| }
|
|
|
|
|
| @media (max-width: 768px) {
|
| .library-card {
|
| padding: 16px 14px 14px;
|
| border-radius: 16px;
|
| }
|
|
|
| .library-table {
|
| min-width: 640px;
|
| }
|
| }
|
|
|
