|
130 | 130 | background: var(--surface); |
131 | 131 | border: 1px solid var(--border); |
132 | 132 | display: inline-flex; |
133 | | - align-items: center; |
134 | | - padding: 1rem 1.5rem; |
135 | | - border-radius: 99px; |
| 133 | + flex-direction: column; |
| 134 | + align-items: flex-start; |
| 135 | + padding: 1.5rem; |
| 136 | + border-radius: 12px; |
136 | 137 | font-family: 'JetBrains Mono', monospace; |
137 | 138 | color: var(--text-muted); |
138 | 139 | cursor: pointer; |
139 | 140 | transition: border-color 0.2s, transform 0.1s, box-shadow 0.2s; |
140 | 141 | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); |
141 | 142 | position: relative; |
142 | 143 | overflow: hidden; |
| 144 | + text-align: left; |
| 145 | + margin: 0 auto; |
143 | 146 | } |
144 | 147 |
|
145 | 148 | .install-box:hover { |
|
153 | 156 | transform: translateY(0); |
154 | 157 | } |
155 | 158 |
|
156 | | - .install-box span { |
| 159 | + .install-line { |
| 160 | + display: flex; |
| 161 | + gap: 1rem; |
| 162 | + margin: 0.25rem 0; |
| 163 | + } |
| 164 | + |
| 165 | + .prompt { |
157 | 166 | color: var(--primary); |
158 | | - margin-right: 0.75rem; |
| 167 | + user-select: none; |
| 168 | + } |
| 169 | + |
| 170 | + .cmd { |
| 171 | + color: var(--text-main); |
| 172 | + } |
| 173 | + |
| 174 | + .comment { |
| 175 | + color: #555; |
| 176 | + font-style: italic; |
159 | 177 | } |
160 | 178 |
|
161 | 179 | .demo-section { |
|
275 | 293 | } |
276 | 294 |
|
277 | 295 | .install-box { |
278 | | - font-size: 0.9rem; |
279 | | - padding: 1rem; |
280 | 296 | width: 100%; |
281 | | - justify-content: center; |
282 | 297 | } |
283 | 298 | } |
284 | 299 | </style> |
@@ -307,10 +322,17 @@ <h1>Control Your <br> <span class="gradient-text">Git Universe</span></h1> |
307 | 322 | </p> |
308 | 323 |
|
309 | 324 | <div class="install-box" |
310 | | - onclick="navigator.clipboard.writeText('brew install Bharath-code/tap/git-scope'); alert('Copied to clipboard!');"> |
311 | | - <span>$</span> brew install Bharath-code/tap/git-scope |
| 325 | + onclick="navigator.clipboard.writeText('brew tap Bharath-code/tap\nbrew install git-scope'); alert('Copied cmds!');"> |
| 326 | + <div class="install-line"> |
| 327 | + <span class="prompt">$</span> |
| 328 | + <span class="cmd">brew tap Bharath-code/tap</span> |
| 329 | + </div> |
| 330 | + <div class="install-line"> |
| 331 | + <span class="prompt">$</span> |
| 332 | + <span class="cmd">brew install git-scope</span> |
| 333 | + </div> |
312 | 334 | </div> |
313 | | - <br> |
| 335 | + |
314 | 336 | <p style="margin-top:1rem; font-size: 0.8rem; color:#555;">(Click to copy)</p> |
315 | 337 | </section> |
316 | 338 |
|
|
0 commit comments