Fix: mobile responsive with table
This commit is contained in:
@@ -20,7 +20,7 @@ new class extends Component
|
||||
<div>
|
||||
@foreach ($holding->dividends->take(5) as $dividend)
|
||||
|
||||
<x-ui.list-item :item="$dividend" no-separator>
|
||||
<x-ui.list-item :item="$dividend" no-separator no-hover>
|
||||
<x-slot:value>
|
||||
|
||||
@php
|
||||
|
||||
@@ -158,7 +158,7 @@
|
||||
|
||||
@foreach ($holding->splits->take(5) as $split)
|
||||
|
||||
<x-ui.list-item :item="$split" no-separator>
|
||||
<x-ui.list-item :item="$split" no-separator no-hover>
|
||||
<x-slot:value>
|
||||
|
||||
1:{{ $split->split_amount }}
|
||||
|
||||
@@ -89,7 +89,7 @@
|
||||
|
||||
<div class="mt-6 grid md:grid-cols-7 gap-5">
|
||||
|
||||
<x-ui.card title="{{ __('Holdings') }}" class="md:col-span-4">
|
||||
<x-ui.card title="{{ __('Holdings') }}" class="overflow-hidden col-span-7 md:col-span-4">
|
||||
|
||||
@if($portfolio->holdings->isEmpty())
|
||||
<div class="flex justify-center items-center h-full pb-10 text-secondary">
|
||||
@@ -106,7 +106,7 @@
|
||||
@endif
|
||||
</x-ui.card>
|
||||
|
||||
<x-ui.card title="{{ __('Recent activity') }}" class="md:col-span-3">
|
||||
<x-ui.card title="{{ __('Recent activity') }}" class="col-span-7 md:col-span-3">
|
||||
|
||||
@if($portfolio->transactions->isEmpty())
|
||||
<div class="flex justify-center items-center h-full pb-10 text-secondary">
|
||||
@@ -123,7 +123,7 @@
|
||||
|
||||
</x-ui.card>
|
||||
|
||||
<x-ui.card title="{{ __('Top performers') }}" class="md:col-span-3">
|
||||
<x-ui.card title="{{ __('Top performers') }}" class="col-span-7 md:col-span-3">
|
||||
|
||||
@if($portfolio->holdings->isEmpty())
|
||||
<div class="flex justify-center items-center h-full pb-10 text-secondary">
|
||||
@@ -139,7 +139,7 @@
|
||||
|
||||
</x-ui.card>
|
||||
|
||||
{{-- <x-ui.card title="{{ __('Top headlines') }}" class="md:col-span-3">
|
||||
{{-- <x-ui.card title="{{ __('Top headlines') }}" class="col-span-7 md:col-span-3">
|
||||
|
||||
@php
|
||||
$users = App\Models\User::take(3)->get();
|
||||
|
||||
Reference in New Issue
Block a user