Create back-button.blade.php

Author: JulianPrieber

resources/views/components/config/back-button.blade.php

@@ -0,0 +1,64 @@
+<style>
+.label-container{
+	position:fixed;
+	bottom:48px;
+	right:105px;
+	display:table;
+	visibility: hidden;
+}
+
+.label-text{
+	color:#FFF;
+	background:rgba(51,51,51,0.5);
+	display:table-cell;
+	vertical-align:middle;
+	padding:10px;
+	border-radius:3px;
+}
+
+.label-arrow{
+	display:table-cell;
+	vertical-align:middle;
+	color:#333;
+	opacity:0.5;
+}
+
+.float{
+	position:fixed;
+	width:60px;
+	height:60px;
+	bottom:40px;
+	right:40px;
+	background-color:#17a2b8;
+	color:#FFF;
+	border-radius:50px;
+	text-align:center;
+	box-shadow: 2px 2px 3px #111;
+}
+.float:hover{
+	color: white;
+	-webkit-filter: brightness(90%);
+}
+
+.my-float{
+	font-size:35px;
+	margin-top:15px;
+}
+
+a.float + div.label-container {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.5s ease;
+}
+
+a.float:hover + div.label-container{
+  visibility: visible;
+  opacity: 1;
+}
+</style>
+<a href="{{url('panel/config')}}" class="float">
+<i class="bi bi-arrow-left-short my-float"></i>
+</a>
+<div class="label-container">
+<div class="label-text">Go back</div>
+</div>