fix table responsive

This commit is contained in:
Jagad R R
2024-12-27 13:03:19 +07:00
parent cc9e2d7214
commit c8c650761d
8 changed files with 830 additions and 694 deletions
+1
View File
@@ -19,6 +19,7 @@
"phpoffice/phpspreadsheet": "^3.5",
"singlequote/laravel-webdav": "^1.1",
"spatie/laravel-html": "^3.11",
"spatie/laravel-image-optimizer": "^1.8",
"spatie/laravel-menu": "^4.2",
"spatie/laravel-permission": "^6.10",
"yajra/laravel-datatables-oracle": "11.0"
Generated
+124 -1
View File
@@ -4,7 +4,7 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
"This file is @generated automatically"
],
"content-hash": "fc2177036b736100113a527777c8cbc8",
"content-hash": "21b0b8595f584053b4b3e6a9267a2a47",
"packages": [
{
"name": "barryvdh/laravel-dompdf",
@@ -4856,6 +4856,61 @@
},
"time": "2024-06-07T12:41:19+00:00"
},
{
"name": "spatie/image-optimizer",
"version": "1.8.0",
"source": {
"type": "git",
"url": "https://github.com/spatie/image-optimizer.git",
"reference": "4fd22035e81d98fffced65a8c20d9ec4daa9671c"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/spatie/image-optimizer/zipball/4fd22035e81d98fffced65a8c20d9ec4daa9671c",
"reference": "4fd22035e81d98fffced65a8c20d9ec4daa9671c",
"shasum": ""
},
"require": {
"ext-fileinfo": "*",
"php": "^7.3|^8.0",
"psr/log": "^1.0 | ^2.0 | ^3.0",
"symfony/process": "^4.2|^5.0|^6.0|^7.0"
},
"require-dev": {
"pestphp/pest": "^1.21",
"phpunit/phpunit": "^8.5.21|^9.4.4",
"symfony/var-dumper": "^4.2|^5.0|^6.0|^7.0"
},
"type": "library",
"autoload": {
"psr-4": {
"Spatie\\ImageOptimizer\\": "src"
}
},
"notification-url": "https://packagist.org/downloads/",
"license": [
"MIT"
],
"authors": [
{
"name": "Freek Van der Herten",
"email": "freek@spatie.be",
"homepage": "https://spatie.be",
"role": "Developer"
}
],
"description": "Easily optimize images using PHP",
"homepage": "https://github.com/spatie/image-optimizer",
"keywords": [
"image-optimizer",
"spatie"
],
"support": {
"issues": "https://github.com/spatie/image-optimizer/issues",
"source": "https://github.com/spatie/image-optimizer/tree/1.8.0"
},
"time": "2024-11-04T08:24:54+00:00"
},
{
"name": "spatie/laravel-html",
"version": "3.11.1",
@@ -4934,6 +4989,74 @@
],
"time": "2024-10-18T14:37:21+00:00"
},
{
"name": "spatie/laravel-image-optimizer",
"version": "1.8.0",
"source": {
"type": "git",
"url": "https://github.com/spatie/laravel-image-optimizer.git",
"reference": "024752cba691fee3cd1800000b6aa3da3b8b2474"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/spatie/laravel-image-optimizer/zipball/024752cba691fee3cd1800000b6aa3da3b8b2474",
"reference": "024752cba691fee3cd1800000b6aa3da3b8b2474",
"shasum": ""
},
"require": {
"laravel/framework": "^8.0|^9.0|^10.0|^11.0",
"php": "^8.0",
"spatie/image-optimizer": "^1.2.0"
},
"require-dev": {
"orchestra/testbench": "^6.23|^7.0|^8.0|^9.0",
"phpunit/phpunit": "^9.4|^10.5"
},
"type": "library",
"extra": {
"laravel": {
"aliases": {
"ImageOptimizer": "Spatie\\LaravelImageOptimizer\\Facades\\ImageOptimizer"
},
"providers": [
"Spatie\\LaravelImageOptimizer\\ImageOptimizerServiceProvider"
]
}
},
"autoload": {
"psr-4": {
"Spatie\\LaravelImageOptimizer\\": "src"
}
},
"notification-url": "https://packagist.org/downloads/",
"license": [
"MIT"
],
"authors": [
{
"name": "Freek Van der Herten",
"email": "freek@spatie.be",
"homepage": "https://spatie.be",
"role": "Developer"
}
],
"description": "Optimize images in your Laravel app",
"homepage": "https://github.com/spatie/laravel-image-optimizer",
"keywords": [
"laravel-image-optimizer",
"spatie"
],
"support": {
"source": "https://github.com/spatie/laravel-image-optimizer/tree/1.8.0"
},
"funding": [
{
"url": "https://spatie.be/open-source/support-us",
"type": "custom"
}
],
"time": "2024-02-29T10:55:08+00:00"
},
{
"name": "spatie/laravel-menu",
"version": "4.2.0",
@@ -77,8 +77,9 @@
<div class="clearfix"></div>
<div class="dataTables_wrapper dt-bootstrap4 mt-2">
@include('backend.layouts.partials.messages')
<div class="table-responsive">
<table id="dataTable"
class="table table-bordered table-striped table-head-fixed table-responsive dataTable dtr-inline"
class="table table-bordered table-striped table-head-fixed dataTable dtr-inline"
style="width:100%">
<thead class="bg-light text-capitalize">
<tr>
@@ -236,6 +237,7 @@
</div>
</div>
</div>
</div>
</section>
@endsection
@@ -77,8 +77,9 @@
<div class="clearfix"></div>
<div class="dataTables_wrapper dt-bootstrap4 mt-2">
@include('backend.layouts.partials.messages')
<div class="table-responsive">
<table id="dataTable"
class="table table-bordered table-striped table-responsive table-head-fixed dataTable dtr-inline"
class="table table-bordered table-striped table-head-fixed dataTable dtr-inline"
style="width:100%">
<thead class="bg-light text-capitalize">
<tr>
@@ -236,6 +237,7 @@
</div>
</div>
</div>
</div>
</section>
@endsection
@@ -77,10 +77,11 @@
<div class="clearfix"></div>
<div class="dataTables_wrapper dt-bootstrap4 mt-2">
@include('backend.layouts.partials.messages')
<div class="table-responsive">
<table id="dataTable"
class="table table-bordered table-striped table-responsive table-head-fixed dataTable dtr-inline"
class="table table-bordered table-striped w-100 dataTable dtr-inline"
style="width:100%">
<thead class="bg-light text-capitalize">
<thead class="bg-light text-capitalize" style="width: 100%">
<tr>
<th>#</th>
<th>Nama</th>
@@ -102,7 +103,7 @@
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tbody style="width: 100%">
@php
use App\Helpers\NextCloudHelper;
@endphp
@@ -234,6 +235,7 @@
</div>
</div>
</div>
</div>
</section>
@endsection
@@ -77,8 +77,9 @@
<div class="clearfix"></div>
<div class="dataTables_wrapper dt-bootstrap4 mt-2">
@include('backend.layouts.partials.messages')
<div class="table-responsive">
<table id="dataTable"
class="table table-bordered table-striped table-responsive table-head-fixed dataTable dtr-inline"
class="table table-bordered table-striped table-head-fixed dataTable dtr-inline"
style="width:100%">
<thead class="bg-light text-capitalize">
<tr>
@@ -236,6 +237,7 @@
</div>
</div>
</div>
</div>
</section>
@endsection
@@ -77,8 +77,9 @@
<div class="clearfix"></div>
<div class="dataTables_wrapper dt-bootstrap4 mt-2">
@include('backend.layouts.partials.messages')
<div class="table-responsive">
<table id="dataTable"
class="table table-bordered table-striped table-responsive table-head-fixed dataTable dtr-inline"
class="table table-bordered table-striped table-head-fixed dataTable dtr-inline"
style="width:100%">
<thead class="bg-light text-capitalize">
<tr>
@@ -238,6 +239,7 @@
</div>
</div>
</div>
</div>
</section>
@endsection
+4 -2
View File
@@ -68,14 +68,16 @@
<div class="os-padding">
<div class="os-viewport os-viewport-native-scrollbars-invisible" style="overflow-y: scroll;">
<div class="os-content" style="padding: 0px 8px; height: 100%; width: 100%;">
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
<div class="user-panel mt-3 pb-3 mb-3 d-flex align-items-center">
<div class="image">
<img src="{{ Avatar::create(Auth::guard('admin')->user()->name)->toBase64() }}"
class="img-circle" alt="User Image">
</div>
<div class="info">
<a class="d-block">{{ Auth::guard('admin')->user()->name }}</a>
<a class="d-block font-weight-bold" style="font-size: 11px;">
{{ Auth::guard('admin')->user()->getRoleNames()[0] }}
</a>
</div>
</div>
@include('layouts.partials.sidebar')