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