fix: styling error handling

public/js/resources_js_pages_Error_Index_vue.js

@@ -102,10 +102,10 @@ var _hoisted_3 = /*#__PURE__*/_withScopeId(function () {
 });
 
 var _hoisted_4 = {
-  "class": "col-12 xl:col-6 bg-gradient-one"
+  "class": "col-12 xl:col-6 border-gradient"
 };
 var _hoisted_5 = {
-  "class": "h-full w-full m-0 py-7 px-4 bg-gradient-two"
+  "class": "h-full w-full m-0 py-7 px-4 bg-gradient"
 };
 var _hoisted_6 = {
   "class": "grid flex flex-column align-items-center"
@@ -190,7 +190,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".bg-gradient-one[data-v-3e08751c] {\n  border-radius: 56px;\n  padding: 0.3rem;\n  background: linear-gradient(180deg, rgba(233, 30, 99, 0.4) 10%, rgba(33, 150, 243, 0) 30%);\n}\n.bg-gradient-two[data-v-3e08751c] {\n  border-radius: 53px;\n  background: linear-gradient(180deg, var(--surface-50) 38.9%, var(--surface-0));\n}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".border-gradient[data-v-3e08751c] {\n  border-radius: 4px;\n  padding: 0.3rem;\n  background: linear-gradient(180deg, rgba(233, 30, 99, 0.4) 10%, rgba(33, 150, 243, 0) 30%);\n}\n.bg-gradient[data-v-3e08751c] {\n  border-radius: 3px;\n  background: linear-gradient(180deg, var(--surface-50) 38.9%, var(--surface-0));\n}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 

public/js/vue.js

@@ -58569,7 +58569,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"5bd7e7097d71fc44","resources_js_pages_Customers_Create_vue":"a211507b505ce817","resources_js_pages_Customers_Edit_vue":"371aaaf823f061aa","resources_js_pages_Customers_Index_vue":"9e252117c9e9c2cb","resources_js_pages_Customers_tableHeader_js":"7a40a3d5ad60171c","resources_js_pages_Dashboards_Index_vue":"b56d0bbf613c9adf","resources_js_pages_Error_Index_vue":"10b4c0e3fdd11ab9","resources_js_pages_Purchases_Index_vue":"da7339cba0a96ded","resources_js_pages_Sales_Index_vue":"18ffdbcef73f7946","resources_js_pages_StockProducts_Index_vue":"b49a534009ac5c43","resources_js_pages_Suppliers_Create_vue":"0b29fe6eb18f54c4","resources_js_pages_Suppliers_Edit_vue":"1a212b37037c80fa","resources_js_pages_Suppliers_Index_vue":"08b1edca68497b78","resources_js_pages_Suppliers_tableHeader_js":"500bc29ff0dbddce","resources_js_pages_Users_Create_vue":"0575e681aa1133bd","resources_js_pages_Users_Edit_vue":"e6a29c2f7e91240a","resources_js_pages_Users_Index_vue":"9453be37f6b522dd","resources_js_pages_Users_Show_vue":"0d821aab7062e840","resources_js_pages_Users_tableHeader_js":"48f19bd820caf015"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"5bd7e7097d71fc44","resources_js_pages_Customers_Create_vue":"a211507b505ce817","resources_js_pages_Customers_Edit_vue":"371aaaf823f061aa","resources_js_pages_Customers_Index_vue":"9e252117c9e9c2cb","resources_js_pages_Customers_tableHeader_js":"7a40a3d5ad60171c","resources_js_pages_Dashboards_Index_vue":"b56d0bbf613c9adf","resources_js_pages_Error_Index_vue":"f0638cec18187cf1","resources_js_pages_Purchases_Index_vue":"da7339cba0a96ded","resources_js_pages_Sales_Index_vue":"18ffdbcef73f7946","resources_js_pages_StockProducts_Index_vue":"b49a534009ac5c43","resources_js_pages_Suppliers_Create_vue":"0b29fe6eb18f54c4","resources_js_pages_Suppliers_Edit_vue":"1a212b37037c80fa","resources_js_pages_Suppliers_Index_vue":"08b1edca68497b78","resources_js_pages_Suppliers_tableHeader_js":"500bc29ff0dbddce","resources_js_pages_Users_Create_vue":"0575e681aa1133bd","resources_js_pages_Users_Edit_vue":"e6a29c2f7e91240a","resources_js_pages_Users_Index_vue":"9453be37f6b522dd","resources_js_pages_Users_Show_vue":"0d821aab7062e840","resources_js_pages_Users_tableHeader_js":"48f19bd820caf015"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/Error/Index.vue

@@ -40,8 +40,8 @@ const description = computed(() => {
           style="width: 81px; height: 60px"
         />
       </div>
-      <div class="col-12 xl:col-6 bg-gradient-one">
-        <div class="h-full w-full m-0 py-7 px-4 bg-gradient-two">
+      <div class="col-12 xl:col-6 border-gradient">
+        <div class="h-full w-full m-0 py-7 px-4 bg-gradient">
           <div class="grid flex flex-column align-items-center">
             <div
               class="flex justify-content-center align-items-center bg-pink-500 border-circle"
@@ -66,8 +66,8 @@ const description = computed(() => {
 </template>
 
 <style lang="scss" scoped>
-.bg-gradient-one {
-  border-radius: 56px;
+.border-gradient {
+  border-radius: 4px;
   padding: 0.3rem;
   background: linear-gradient(
     180deg,
@@ -75,8 +75,8 @@ const description = computed(() => {
     rgba(33, 150, 243, 0) 30%
   );
 }
-.bg-gradient-two {
-  border-radius: 53px;
+.bg-gradient {
+  border-radius: 3px;
   background: linear-gradient(
     180deg,
     var(--surface-50) 38.9%,