| /* ./pages/MessagePage/MessagePage.css */ |
| |
| .message-page { |
| padding: 20px; |
| background-color: #f8f9fa; |
| min-height: calc(100vh - 120px); |
| } |
| |
| .message-page h2 { |
| font-size: 24px; |
| margin-bottom: 20px; |
| } |
| |
| .message-list { |
| list-style: none; |
| padding: 0; |
| } |
| |
| .message-item { |
| background: #ffffff; |
| border: 1px solid #dee2e6; |
| border-radius: 6px; |
| padding: 15px; |
| margin-bottom: 15px; |
| } |
| |
| .message-header { |
| font-size: 16px; |
| margin-bottom: 10px; |
| color: #343a40; |
| display: flex; |
| justify-content: space-between; |
| } |
| |
| .message-time { |
| font-size: 14px; |
| color: #6c757d; |
| } |
| |
| .message-content { |
| font-size: 15px; |
| color: #495057; |
| } |
| |