refactor : templating dan style

This commit is contained in:
Yoga Pangestu 2024-11-20 14:56:37 +07:00
parent 067fac7728
commit d2f0b523d9
6 changed files with 876 additions and 10 deletions

View File

@ -38686,10 +38686,15 @@ .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-ma
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
color: var(--theme-deafult);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
color: var(--theme-deafult);
transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
color: var(--theme-deafult);
transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
color: var(--theme-deafult);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
display: flex;
flex-direction: column;

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,56 @@
@extends('layouts.admin')
@section('styles')
@endsection
@section('app')
<div class="container-fluid">
<div class="row widget-grid">
<div class="col-xxl-4 col-sm-6 box-col-6">
<div class="card profile-box">
<div class="card-body">
<div class="media media-wrapper justify-content-between">
<div class="media-body">
<div class="greeting-user">
<h4 class="f-w-600">Selamat Datang</h4>
<p style="max-width: 70%">Inilah yang terjadi di akun Anda hari ini</p>
<div class="whatsnew-btn"></div>
</div>
</div>
<div>
<div class="clockbox">
<svg id="clock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
<g id="face">
<circle class="circle" cx="300" cy="300" r="253.9"></circle>
<path class="hour-marks"
d="M300.5 94V61M506 300.5h32M300.5 506v33M94 300.5H60M411.3 107.8l7.9-13.8M493 190.2l13-7.4M492.1 411.4l16.5 9.5M411 492.3l8.9 15.3M189 492.3l-9.2 15.9M107.7 411L93 419.5M107.5 189.3l-17.1-9.9M188.1 108.2l-9-15.6">
</path>
<circle class="mid-circle" cx="300" cy="300" r="16.2"></circle>
</g>
<g id="hour">
<path class="hour-hand" d="M300.5 298V142"></path>
<circle class="sizing-box" cx="300" cy="300" r="253.9"></circle>
</g>
<g id="minute">
<path class="minute-hand" d="M300.5 298V67"> </path>
<circle class="sizing-box" cx="300" cy="300" r="253.9"></circle>
</g>
<g id="second">
<path class="second-hand" d="M300.5 350V55"></path>
<circle class="sizing-box" cx="300" cy="300" r="253.9"> </circle>
</g>
</svg>
</div>
<div class="badge f-10 p-0" id="txt"></div>
</div>
</div>
<div class="cartoon">
<img class="img-fluid" src="{{ asset('assets/admin/images/barber.png') }}" style="width: 60%"
alt="barber">
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('scripts')
@endsection

View File

@ -4,9 +4,11 @@
<head>
@include('partials.admin._meta')
@include('partials.admin._css')
@notifyCss
</head>
<body onload="startTime()">
@include('notify::components.notify')
@include('partials.admin._loader')
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
<div class="page-wrapper compact-wrapper" id="pageWrapper">
@ -21,6 +23,7 @@
</div>
</div>
@include('partials.admin._js')
@notifyJs
</body>
</html>

View File

@ -2,7 +2,8 @@
<div class="container-fluid">
<div class="row">
<div class="col-md-12 footer-copyright text-center">
<p class="mb-0">Copyright 2023 © Cuba theme by pixelstrap </p>
<p class="mb-0">© 2024 Basrbershop. Seluruh Hak Cipta Dilindungi.
</p>
</div>
</div>
</div>

View File

@ -27,8 +27,8 @@
<div class="media profile-media">
<img src="{{ asset('assets/admin/images/avatar/speed.jpeg') }}" alt="image">
<div class="media-body">
<span>Ishowspeed</span>
<p class="mb-0">Admin <i class="middle fa fa-angle-down"></i></p>
<span>{{ Auth::user()->biography->full_name }}</span>
<p class="mb-0">{{ Auth::user()->role->name }} <i class="middle fa fa-angle-down"></i></p>
</div>
</div>
<ul class="profile-dropdown onhover-show-div">
@ -38,9 +38,15 @@
<span>Profil </span></a>
</li>
<li>
<a href="sign-up.html">
<a href="#"
onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
<i data-feather="arrow-left"></i>
<span>Keluar </span></a>
<span>Keluar </span>
</a>
<form id="logout-form" action="{{ route('auth.logout') }}" method="post"
style="display: none;">
@csrf
</form>
</li>
</ul>
</li>