sibanu_web/resources/views/layouts/app.blade.php

110 lines
3.1 KiB
PHP
Raw Normal View History

2022-08-20 13:40:13 +07:00
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Argon Dashboard') }}</title>
<!-- Favicon -->
<link href="{{ secure_asset('argon') }}/img/brand/iconputih.png" rel="icon" type="image/png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<!-- Extra details for Live View on GitHub Pages -->
<!-- Icons -->
<link href="{{ secure_asset('argon') }}/vendor/nucleo/css/nucleo.css" rel="stylesheet">
<link href="{{ secure_asset('argon') }}/vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="{{ secure_asset('argon') }}/css/datatable.css" rel="stylesheet">
<!-- Argon CSS -->
<link type="text/css" href="{{ secure_asset('argon') }}/css/argon.css?v=1.0.0" rel="stylesheet">
<style>
.circlee{
width: 120px;
height: 100px;
border: 5px solid #7e42f5;
border-radius:;
overflow: hidden;
}
.circlee img{
width: 100%;
height: 100%;
object-fit: cover;
}
#show_image_popup{
width: 900px;
height: 500px;
border: 1px solid #333;
box-sizing: border-box;
padding: 5px;
text-align: center;
z-index: 999999999;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #e5e5e5;
/* */
display: none;
}
#show_image_popup img{
max-width: 100%;
height: auto;
}
#all-images .active{
filter: blur(5px);
}
.close-btn-area{
width: 100%;
text-align: right;
margin-bottom: 5px;
}
.close-btn-area button{
cursor: pointer;
}
</style>
</head>
<body class="{{ $class ?? '' }}">
@auth()
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
@csrf
</form>
@include('layouts.navbars.sidebar')
@endauth
<div class="main-content">
@include('layouts.navbars.navbar')
@yield('content')
</div>
@guest()
@include('layouts.footers.guest')
@endguest
<script src="{{ secure_asset('argon') }}/vendor/jquery/dist/jquery.min.js"></script>
<script>
$(window).ready(function(e){
$('[data-toggle="tooltip"]').tooltip();
})
</script>
<script src="{{ secure_asset('argon') }}/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="{{ secure_asset('argon') }}/js/datatable.js"> </script>
<script src="{{ secure_asset('argon') }}/js/datatable-bs.js"></script>
@stack('js')
<!-- Argon JS -->
<script src="{{ secure_asset('argon') }}/js/argon.js?v=1.0.0"></script>
</body>
</html>