| San3yuan | 03ab064 | 2025-04-29 18:00:25 +0800 | [diff] [blame] | 1 | |
| 2 | |
| 3 | .header{ |
| 4 | display:flex; |
| 5 | justify-content: space-between; |
| 6 | align-items: center; |
| 7 | height:8%; |
| 8 | background-color: var(--bg-color); |
| 9 | width: 100%; |
| 10 | overflow:hidden; |
| 11 | } |
| 12 | |
| 13 | .header .logo{ |
| 14 | width: 100px; /* Set a fixed width for the logo */ |
| 15 | height: auto; /* Maintain aspect ratio */ |
| 16 | left:0; |
| 17 | margin:10px; |
| 18 | } |
| 19 | |
| 20 | .header .searchInput{ |
| 21 | border:1px solid rgb(197, 193, 194); |
| 22 | width: 60%; |
| 23 | height:50%; |
| 24 | padding: 5px 10px; |
| 25 | border-radius: 5px; |
| 26 | font-size: 1rem; |
| 27 | color: var(--text-color); |
| 28 | background-color: var(--bg-color); |
| 29 | transition: all 0.1s ease-in-out; |
| 30 | } |
| 31 | |
| 32 | .header .toollist{ |
| 33 | align-content: center; |
| 34 | right:0; |
| 35 | gap:10px; |
| 36 | margin-right:10px; |
| 37 | } |
| 38 | |
| 39 | .header .toollist > *{ |
| 40 | padding: 5px 10px; |
| 41 | width:auto; |
| 42 | font-size:150%; |
| 43 | user-select: none; |
| 44 | color: var(--text-color); |
| 45 | } |
| 46 | |
| 47 | .header .toollist > *:hover{ |
| 48 | background-color: rgb(197, 193, 194); |
| 49 | border-radius: 5px; |
| 50 | cursor: pointer; |
| 51 | font-size:160%; |
| 52 | transition: all 0.1s ease-in-out; |
| 53 | color: var(--text-color); |
| 54 | } |
| 55 | |
| 56 | .container{ |
| 57 | height:92vh; |
| 58 | background-color:var(--bg-color); |
| 59 | display:flex; |
| 60 | flex-direction:column; |
| 61 | overflow: auto; |
| 62 | width:100%; |
| 63 | } |