| 22301009 | 5b28c67 | 2025-04-10 20:12:45 +0800 | [diff] [blame] | 1 | .header { |
| 2 | display: flex; | ||||
| 3 | justify-content: space-between; | ||||
| 4 | align-items: center; | ||||
| 5 | padding: 10px; | ||||
| 6 | } | ||||
| 7 | .logo-and-name { | ||||
| 8 | display: flex; | ||||
| 9 | align-items: center; | ||||
| 10 | } | ||||
| 11 | .logo { | ||||
| 12 | height: 30px; | ||||
| 13 | margin-right: 10px; | ||||
| 14 | } | ||||
| 15 | .site-name { | ||||
| 16 | font-size: 24px; | ||||
| 17 | } | ||||
| 18 | .user-and-message { | ||||
| 19 | display: flex; | ||||
| 20 | align-items: center; | ||||
| 21 | } | ||||
| 22 | .user-avatar { | ||||
| 23 | height: 40px; | ||||
| 24 | margin-right: 10px; | ||||
| 25 | } | ||||
| 26 | .message-center { | ||||
| 27 | font-size: 16px; | ||||
| 28 | } | ||||
| 29 | .nav { | ||||
| 30 | background-color: #dab8c2; | ||||
| 31 | display: flex; | ||||
| 32 | justify-content: center; | ||||
| 33 | } | ||||
| 34 | .nav-item { | ||||
| 35 | color: white; | ||||
| 36 | text-decoration: none; | ||||
| 37 | padding: 10px 20px; | ||||
| 38 | } | ||||
| 39 | .active { | ||||
| 40 | background-color: #996633; | ||||
| 41 | } | ||||
| 42 | |||||