Added preview to add link page

This commit is contained in:
Julian Prieber 2022-11-12 21:20:01 +01:00
parent ed99b86322
commit cf952549b2
1 changed files with 34 additions and 1 deletions

View File

@ -12,7 +12,24 @@
@php setcookie("LinkCount", "all", time()+60*60*24*5, "/"); @endphp @php setcookie("LinkCount", "all", time()+60*60*24*5, "/"); @endphp
@endif @endif
<section class=' shadow text-gray-400'> @push('sidebar-stylesheets')
<style>
@media only screen and (max-width: 1500px) {
.pre-side{display:none!important;}
.pre-left{width:100%!important;}
.pre-bottom{display:block!important;}
}
@media only screen and (min-width: 1500px) {
.pre-left{width:70%!important;}
.pre-right{width:30%!important;}
.pre-bottom{display:none!important;}
}
</style>
@endpush
<div class="row">
<section class='pre-left shadow text-gray-400'>
<h3 class="card-header"><i class="bi bi-link-45deg">My Links</i> <h3 class="card-header"><i class="bi bi-link-45deg">My Links</i>
<a class="btn btn-primary float-right" href="{{ url('/studio/add-link') }}">Add new <span class='d-none d-md-inline'>item</span></a> <a class="btn btn-primary float-right" href="{{ url('/studio/add-link') }}">Add new <span class='d-none d-md-inline'>item</span></a>
@ -119,4 +136,20 @@
<a class="btn btn-primary" href="{{ url('/studio/add-link') }}">Add new item</a> <a class="btn btn-primary" href="{{ url('/studio/add-link') }}">Add new item</a>
</div> </div>
</section> </section>
<section class='pre-right shadow text-gray-400 pre-side'>
<h3 class="card-header"><i class="bi bi-window-fullscreen" style="font-style:normal!important;"> Preview:</i></h3>
<div class='card-body p-0 p-md-3'>
<center><iframe allowtransparency="true" id="frPreview" style=" border-radius:0.25rem !important; background: #FFFFFF; min-height:600px; height:100%; max-width:500px !important;" class='w-100' src="{{ url('') }}/@<?= Auth::user()->littlelink_name ?>">Your browser isn't compatible</iframe></center>
</div>
</section>
</div>
<br>
<section style="width:100%!important;" class='pre-bottom shadow text-gray-400 pre-side'>
<h3 class="card-header"><i class="bi bi-window-fullscreen" style="font-style:normal!important;"> Preview:</i></h3>
<div class='card-body p-0 p-md-3'>
<center><iframe allowtransparency="true" id="frPreview" style=" border-radius:0.25rem !important; background: #FFFFFF; min-height:600px; height:100%; width:100% !important;" class='w-100' src="{{ url('') }}/@<?= Auth::user()->littlelink_name ?>">Your browser isn't compatible</iframe></center>
</div>
</section>
@endsection @endsection