|
297 | 297 | Overview |
298 | 298 | </h5> |
299 | 299 |
|
300 | | - <div class="flex space-x-10 text-sm text-gray-900 dark:text-white"> |
301 | | - <div class="flex flex-col space-y-4"> |
| 300 | + <div class="flex gap-4 text-sm text-gray-900 dark:text-white"> |
| 301 | + <div class="flex flex-col gap-4"> |
302 | 302 | <div class="flex-1"> |
303 | 303 | <div class="pb-1 text-xs text-gray-500 dark:text-gray-400"> |
304 | 304 | Open |
|
316 | 316 | </div> |
317 | 317 | </div> |
318 | 318 |
|
319 | | - <div class="flex flex-1 flex-col space-y-4"> |
| 319 | + <div class="flex flex-1 flex-col gap-4"> |
320 | 320 | <div> |
321 | 321 | <div class="pb-1 text-xs text-gray-500 dark:text-gray-400"> |
322 | 322 | Day Range (₹) |
|
402 | 402 | Metrics |
403 | 403 | </h5> |
404 | 404 |
|
405 | | - <div class="flex flex-col space-y-4 text-sm"> |
406 | | - <div class="flex justify-between"> |
| 405 | + <div class="flex flex-col gap-4 text-sm"> |
| 406 | + <div class="flex justify-between gap-4"> |
407 | 407 | <div class="flex-1"> |
408 | 408 | <div class="pb-1 text-xs text-gray-500 dark:text-gray-400"> |
409 | 409 | EPS (TTM) |
|
434 | 434 | </div> |
435 | 435 | </div> |
436 | 436 |
|
437 | | - <div class="flex justify-between"> |
| 437 | + <div class="flex justify-between gap-4"> |
438 | 438 | <div class="flex-1"> |
439 | 439 | <div class="pb-1 text-xs text-gray-500 dark:text-gray-400"> |
440 | 440 | Dividend Yield |
|
478 | 478 | Returns |
479 | 479 | </h5> |
480 | 480 |
|
481 | | - <div class="flex flex-col space-y-4 text-sm"> |
482 | | - <div class="flex justify-between"> |
| 481 | + <div class="flex flex-col gap-4 text-sm"> |
| 482 | + <div class="flex justify-between gap-4"> |
483 | 483 | <div |
484 | 484 | class="flex-1" |
485 | 485 | [ngClass]="stock.performance?.[activeExchange]?.monthly?.direction === Direction.UP ? 'text-green-500 dark:text-green-400' : 'text-red-600 dark:text-red-500'" |
|
529 | 529 | </div> |
530 | 530 | </div> |
531 | 531 |
|
532 | | - <div class="flex justify-between"> |
| 532 | + <div class="flex justify-between gap-4"> |
533 | 533 | <div |
534 | 534 | class="flex-1" |
535 | 535 | [ngClass]="stock.performance?.[activeExchange]?.yearly?.one?.direction === Direction.UP ? 'text-green-500 dark:text-green-400' : 'text-red-600 dark:text-red-500'" |
|
591 | 591 | Scrip Info |
592 | 592 | </h5> |
593 | 593 |
|
594 | | - <div class="flex flex-col space-y-4 text-sm"> |
595 | | - <div class="flex justify-between"> |
| 594 | + <div class="flex flex-col gap-4 text-sm"> |
| 595 | + <div class="flex justify-between gap-4"> |
596 | 596 | <div class="flex-1"> |
597 | 597 | <div class="pb-1 text-xs text-gray-500 dark:text-gray-400">NSE</div> |
598 | 598 | <div class="flex"> |
|
617 | 617 | </div> |
618 | 618 | </div> |
619 | 619 |
|
620 | | - <div class="flex justify-between"> |
| 620 | + <div class="flex justify-between gap-4"> |
621 | 621 | <div class="flex-1"> |
622 | 622 | <div class="pb-1 text-xs text-gray-500 dark:text-gray-400"> |
623 | 623 | Sector |
|
0 commit comments