joydip.manna/dealhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: responsiveness of broker profile page

Browse Source
This commit is contained in:
kusowl 2026-01-14 12:30:27 +05:30
parent ccb5a2ed5e
commit 5faa3086b1
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/views/dashboards/broker/profile/show.blade.php
View File

@ -6,22 +6,23 @@
> >
<x-slot:end> <x-slot:end>
<x-ui.button :link="route('broker.profile.edit', auth()->user()->id)" class="border border-accent-600/40"> <x-ui.button :link="route('broker.profile.edit', auth()->user()->id)" class="border border-accent-600/40">
Edit Profile <p class="hidden sm:block">Edit profile</p>
<x-heroicon-o-pencil-square class="w-4 stroke-2 sm:hidden"/>
</x-ui.button> </x-ui.button>
</x-slot:end> </x-slot:end>
</x-dashboard.page-heading> </x-dashboard.page-heading>
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<div class="flex items-center justify-center mt-8 max-w-10/12"> <div class="flex items-center justify-center mt-8 w-11/12 md:-w-10/12">
<x-dashboard.card> <x-dashboard.card class="w-full">
<div class="grid grid-cols-8 gap-6"> <div class="grid grid-cols-8 gap-6">
<div class="col-span-8 place-self-start md:col-span-1 flex items-center justify-center w-full"> <div class="col-span-8 place-self-start md:col-span-2 lg:col-span-1 flex items-center justify-center w-full">
<div class="w-25 h-25 rounded-xl bg-linear-150 from-[#305afc] to-[#941dfb] text-5xl text-white flex justify-center items-center"> <div class="w-25 h-25 rounded-xl bg-linear-150 from-[#305afc] to-[#941dfb] text-5xl text-white flex justify-center items-center">
{{$initials}} {{$initials}}
</div> </div>
</div> </div>
<div class="col-span-8 md:col-span-7 flex flex-col space-y-6"> <div class="col-span-8 md:col-span-6 lg:col-span-7 flex flex-col space-y-6">
<div class=""> <div class="">
<p class="text-3xl font-bold">{{$name ?? 'Name'}}</p> <p class="text-3xl font-bold">{{$name ?? 'Name'}}</p>
@ -36,7 +37,7 @@
<p>{{$bio ?? 'Bio is empty'}}</p> <p>{{$bio ?? 'Bio is empty'}}</p>
</div> </div>
<div class="grid grid-cols-2 grid-rows-2 gap-3"> <div class="grid md:grid-cols-2 md:grid-rows-2 gap-3">
<div class="fill-accent-600/70 text-accent-600/70 flex space-x-4 text-sm items-center"> <div class="fill-accent-600/70 text-accent-600/70 flex space-x-4 text-sm items-center">
<x-heroicon-o-envelope class="w-4" /> <x-heroicon-o-envelope class="w-4" />
<p>{{$email ?? 'email is empty'}}</p> <p>{{$email ?? 'email is empty'}}</p>