|
36 | 36 |
|
37 | 37 | /* Display size variations */ |
38 | 38 | .small-display { |
39 | | - width: 500px; |
40 | | - height: 600px; |
| 39 | + width: 350px; |
41 | 40 | --base-font-size: 12px; |
42 | 41 | --button-height: 40px; |
43 | 42 | --button-width: 170px; |
44 | 43 | --settings-width: 200px; |
45 | 44 | } |
46 | 45 |
|
47 | 46 | .medium-display { |
48 | | - width: 600px; |
49 | | - height: 700px; |
| 47 | + width: 550px; |
50 | 48 | --base-font-size: 14px; |
51 | 49 | --button-height: 45px; |
52 | 50 | --button-width: 190px; |
|
57 | 55 |
|
58 | 56 | .large-display { |
59 | 57 | width: 700px; |
60 | | - height: 800px; |
| 58 | + min-height: auto; |
| 59 | + max-height: 1500px; |
61 | 60 | --base-font-size: 16px; |
62 | 61 | --button-height: 50px; |
63 | 62 | --button-width: 210px; |
|
68 | 67 |
|
69 | 68 | /* Base styles */ |
70 | 69 | body { |
71 | | - min-width: 400px; |
| 70 | + min-width: 500px; |
72 | 71 | margin: 0; |
73 | 72 | padding: 0; |
74 | 73 | font-family: 'Roboto', -apple-system, sans-serif; |
@@ -193,14 +192,12 @@ a { |
193 | 192 | } |
194 | 193 |
|
195 | 194 | .response-container { |
196 | | - width: 100%; |
197 | 195 | background-color: var(--code-bg-color); |
198 | 196 | color: var(--text-color); |
199 | 197 | border-radius: var(--border-radius); |
200 | 198 | border: 1px solid var(--border-color); |
201 | 199 | padding: var(--spacing); |
202 | 200 | margin-bottom: var(--spacing); |
203 | | - max-height: 500px; |
204 | 201 | overflow-y: auto; |
205 | 202 | box-sizing: border-box; |
206 | 203 | font-size: var(--base-font-size); |
|
0 commit comments