Clean Ui;

This commit is contained in:
2024-02-17 18:17:17 +01:00
parent 067dae36c4
commit e356b039f9
104 changed files with 119497 additions and 1015 deletions

View File

@@ -12,224 +12,224 @@
</div>
</form>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="flag-icon flag-icon-us mt-1" title="us"></i> <span
class="ms-1 me-1 d-none d-md-inline-block">English</span>
</a>
<div class="dropdown-menu" aria-labelledby="languageDropdown">
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-us"
title="us" id="us"></i> <span
class="ms-1"> English </span></a>
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-fr"
title="fr" id="fr"></i> <span
class="ms-1"> French </span></a>
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-de"
title="de" id="de"></i> <span
class="ms-1"> German </span></a>
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-pt"
title="pt" id="pt"></i> <span
class="ms-1"> Portuguese </span></a>
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-es"
title="es" id="es"></i> <span
class="ms-1"> Spanish </span></a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="appsDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i data-feather="grid"></i>
</a>
<div class="dropdown-menu p-0" aria-labelledby="appsDropdown">
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
<p class="mb-0 fw-bold">Web Apps</p>
<a href="javascript:;" class="text-muted">Edit</a>
</div>
<div class="row g-0 p-1">
<div class="col-3 text-center">
<a href="pages/apps/chat.html"
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
data-feather="message-square" class="icon-lg mb-1"></i>
<p class="tx-12">Chat</p></a>
</div>
<div class="col-3 text-center">
<a href="pages/apps/calendar.html"
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
data-feather="calendar" class="icon-lg mb-1"></i>
<p class="tx-12">Calendar</p></a>
</div>
<div class="col-3 text-center">
<a href="pages/email/inbox.html"
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
data-feather="mail" class="icon-lg mb-1"></i>
<p class="tx-12">Email</p></a>
</div>
<div class="col-3 text-center">
<a href="pages/general/profile.html"
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
data-feather="instagram" class="icon-lg mb-1"></i>
<p class="tx-12">Profile</p></a>
</div>
</div>
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
<a href="javascript:;">View all</a>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i data-feather="mail"></i>
</a>
<div class="dropdown-menu p-0" aria-labelledby="messageDropdown">
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
<p>9 New Messages</p>
<a href="javascript:;" class="text-muted">Clear all</a>
</div>
<div class="p-1">
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Leonardo Payne</p>
<p class="tx-12 text-muted">Project status</p>
</div>
<p class="tx-12 text-muted">2 min ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Carl Henson</p>
<p class="tx-12 text-muted">Client meeting</p>
</div>
<p class="tx-12 text-muted">30 min ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Jensen Combs</p>
<p class="tx-12 text-muted">Project updates</p>
</div>
<p class="tx-12 text-muted">1 hrs ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Amiah Burton</p>
<p class="tx-12 text-muted">Project deatline</p>
</div>
<p class="tx-12 text-muted">2 hrs ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Yaretzi Mayo</p>
<p class="tx-12 text-muted">New record</p>
</div>
<p class="tx-12 text-muted">5 hrs ago</p>
</div>
</a>
</div>
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
<a href="javascript:;">View all</a>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="notificationDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i data-feather="bell"></i>
<div class="indicator">
<div class="circle"></div>
</div>
</a>
<div class="dropdown-menu p-0" aria-labelledby="notificationDropdown">
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
<p>6 New Notifications</p>
<a href="javascript:;" class="text-muted">Clear all</a>
</div>
<div class="p-1">
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<i class="icon-sm text-white" data-feather="gift"></i>
</div>
<div class="flex-grow-1 me-2">
<p>New Order Recieved</p>
<p class="tx-12 text-muted">30 min ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<i class="icon-sm text-white" data-feather="alert-circle"></i>
</div>
<div class="flex-grow-1 me-2">
<p>Server Limit Reached!</p>
<p class="tx-12 text-muted">1 hrs ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="flex-grow-1 me-2">
<p>New customer registered</p>
<p class="tx-12 text-muted">2 sec ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<i class="icon-sm text-white" data-feather="layers"></i>
</div>
<div class="flex-grow-1 me-2">
<p>Apps are ready for update</p>
<p class="tx-12 text-muted">5 hrs ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<i class="icon-sm text-white" data-feather="download"></i>
</div>
<div class="flex-grow-1 me-2">
<p>Download completed</p>
<p class="tx-12 text-muted">6 hrs ago</p>
</div>
</a>
</div>
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
<a href="javascript:;">View all</a>
</div>
</div>
</li>
{{-- <li class="nav-item dropdown">--}}
{{-- <a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"--}}
{{-- data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{-- <i class="flag-icon flag-icon-us mt-1" title="us"></i> <span--}}
{{-- class="ms-1 me-1 d-none d-md-inline-block">English</span>--}}
{{-- </a>--}}
{{-- <div class="dropdown-menu" aria-labelledby="languageDropdown">--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-us"--}}
{{-- title="us" id="us"></i> <span--}}
{{-- class="ms-1"> English </span></a>--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-fr"--}}
{{-- title="fr" id="fr"></i> <span--}}
{{-- class="ms-1"> French </span></a>--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-de"--}}
{{-- title="de" id="de"></i> <span--}}
{{-- class="ms-1"> German </span></a>--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-pt"--}}
{{-- title="pt" id="pt"></i> <span--}}
{{-- class="ms-1"> Portuguese </span></a>--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-es"--}}
{{-- title="es" id="es"></i> <span--}}
{{-- class="ms-1"> Spanish </span></a>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item dropdown">--}}
{{-- <a class="nav-link dropdown-toggle" href="#" id="appsDropdown" role="button"--}}
{{-- data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{-- <i data-feather="grid"></i>--}}
{{-- </a>--}}
{{-- <div class="dropdown-menu p-0" aria-labelledby="appsDropdown">--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">--}}
{{-- <p class="mb-0 fw-bold">Web Apps</p>--}}
{{-- <a href="javascript:;" class="text-muted">Edit</a>--}}
{{-- </div>--}}
{{-- <div class="row g-0 p-1">--}}
{{-- <div class="col-3 text-center">--}}
{{-- <a href="pages/apps/chat.html"--}}
{{-- class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i--}}
{{-- data-feather="message-square" class="icon-lg mb-1"></i>--}}
{{-- <p class="tx-12">Chat</p></a>--}}
{{-- </div>--}}
{{-- <div class="col-3 text-center">--}}
{{-- <a href="pages/apps/calendar.html"--}}
{{-- class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i--}}
{{-- data-feather="calendar" class="icon-lg mb-1"></i>--}}
{{-- <p class="tx-12">Calendar</p></a>--}}
{{-- </div>--}}
{{-- <div class="col-3 text-center">--}}
{{-- <a href="pages/email/inbox.html"--}}
{{-- class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i--}}
{{-- data-feather="mail" class="icon-lg mb-1"></i>--}}
{{-- <p class="tx-12">Email</p></a>--}}
{{-- </div>--}}
{{-- <div class="col-3 text-center">--}}
{{-- <a href="pages/general/profile.html"--}}
{{-- class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i--}}
{{-- data-feather="instagram" class="icon-lg mb-1"></i>--}}
{{-- <p class="tx-12">Profile</p></a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">--}}
{{-- <a href="javascript:;">View all</a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item dropdown">--}}
{{-- <a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button"--}}
{{-- data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{-- <i data-feather="mail"></i>--}}
{{-- </a>--}}
{{-- <div class="dropdown-menu p-0" aria-labelledby="messageDropdown">--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">--}}
{{-- <p>9 New Messages</p>--}}
{{-- <a href="javascript:;" class="text-muted">Clear all</a>--}}
{{-- </div>--}}
{{-- <div class="p-1">--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Leonardo Payne</p>--}}
{{-- <p class="tx-12 text-muted">Project status</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">2 min ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Carl Henson</p>--}}
{{-- <p class="tx-12 text-muted">Client meeting</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">30 min ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Jensen Combs</p>--}}
{{-- <p class="tx-12 text-muted">Project updates</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">1 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Amiah Burton</p>--}}
{{-- <p class="tx-12 text-muted">Project deatline</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">2 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Yaretzi Mayo</p>--}}
{{-- <p class="tx-12 text-muted">New record</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">5 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">--}}
{{-- <a href="javascript:;">View all</a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item dropdown">--}}
{{-- <a class="nav-link dropdown-toggle" href="#" id="notificationDropdown" role="button"--}}
{{-- data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{-- <i data-feather="bell"></i>--}}
{{-- <div class="indicator">--}}
{{-- <div class="circle"></div>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <div class="dropdown-menu p-0" aria-labelledby="notificationDropdown">--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">--}}
{{-- <p>6 New Notifications</p>--}}
{{-- <a href="javascript:;" class="text-muted">Clear all</a>--}}
{{-- </div>--}}
{{-- <div class="p-1">--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <i class="icon-sm text-white" data-feather="gift"></i>--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>New Order Recieved</p>--}}
{{-- <p class="tx-12 text-muted">30 min ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <i class="icon-sm text-white" data-feather="alert-circle"></i>--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>Server Limit Reached!</p>--}}
{{-- <p class="tx-12 text-muted">1 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>New customer registered</p>--}}
{{-- <p class="tx-12 text-muted">2 sec ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <i class="icon-sm text-white" data-feather="layers"></i>--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>Apps are ready for update</p>--}}
{{-- <p class="tx-12 text-muted">5 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <i class="icon-sm text-white" data-feather="download"></i>--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>Download completed</p>--}}
{{-- <p class="tx-12 text-muted">6 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">--}}
{{-- <a href="javascript:;">View all</a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </li>--}}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -243,8 +243,8 @@
alt="">
</div>
<div class="text-center">
<p class="tx-16 fw-bolder">Amiah Burton</p>
<p class="tx-12 text-muted">amiahburton@gmail.com</p>
<p class="tx-16 fw-bolder">{{ auth()->user()->name }}</p>
<p class="tx-12 text-muted">{{ auth()->user()->email }}</p>
</div>
</div>
<ul class="list-unstyled p-1">
@@ -267,10 +267,15 @@
</a>
</li>
<li class="dropdown-item py-2">
<a href="javascript:;" class="text-body ms-0">
<i class="me-2 icon-md" data-feather="log-out"></i>
<span>Log Out</span>
</a>
<!-- Authentication -->
<form method="POST" action="{{ route('logout') }}">
@csrf
<a href="{{route('logout')}}" class="text-body ms-0" onclick="event.preventDefault(); this.closest('form').submit();">
<i class="me-2 icon-md" data-feather="log-out"></i>
<span>Log Out</span>
</a>
</form>
</li>
</ul>
</div>