From d2f0b523d9cda2e9aa6fea8374467867c50ec1dc Mon Sep 17 00:00:00 2001 From: Yoga Pangestu Date: Wed, 20 Nov 2024 14:56:37 +0700 Subject: [PATCH] refactor : templating dan style --- public/assets/admin/css/style.css | 13 +- .../laravel-notify/dist/notify.css | 797 +++++++++++++++++- resources/views/index.blade.php | 56 ++ resources/views/layouts/admin.blade.php | 3 + .../views/partials/admin/_footer.blade.php | 3 +- .../views/partials/admin/_header.blade.php | 14 +- 6 files changed, 876 insertions(+), 10 deletions(-) create mode 100644 resources/views/index.blade.php diff --git a/public/assets/admin/css/style.css b/public/assets/admin/css/style.css index 438138a..60cd9e5 100644 --- a/public/assets/admin/css/style.css +++ b/public/assets/admin/css/style.css @@ -38686,10 +38686,15 @@ .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-ma .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i { color: var(--theme-deafult); } -.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span { - color: var(--theme-deafult); - transition: all 0.3s ease; -} +.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { + color: var(--theme-deafult); + transition: all 0.3s ease; + } + + .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span { + color: var(--theme-deafult); + } + .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content { display: flex; flex-direction: column; diff --git a/public/vendor/mckenziearts/laravel-notify/dist/notify.css b/public/vendor/mckenziearts/laravel-notify/dist/notify.css index 9374ced..ad926b3 100644 --- a/public/vendor/mckenziearts/laravel-notify/dist/notify.css +++ b/public/vendor/mckenziearts/laravel-notify/dist/notify.css @@ -1 +1,796 @@ -/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{}a{}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{bottom:0;left:0;right:0;top:0}.z-10{z-index:10}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mt-1{margin-top:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-12{height:3rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.w-0{width:0}.w-10{width:2.5rem}.w-12{width:3rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:0.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border-l-4{border-left-width:4px}.border-t-4{border-top-width:4px}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-green-600{--tw-gradient-from:#16a34a;--tw-gradient-to:rgba(22,163,74,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316;--tw-gradient-to:rgba(249,115,22,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626;--tw-gradient-to:rgba(220,38,38,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6;--tw-gradient-to:rgba(20,184,166,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-green-500{--tw-gradient-to:rgba(34,197,94,0);--tw-gradient-stops:var(--tw-gradient-from),#22c55e,var(--tw-gradient-to)}.via-red-500{--tw-gradient-to:rgba(239,68,68,0);--tw-gradient-stops:var(--tw-gradient-from),#ef4444,var(--tw-gradient-to)}.to-green-800{--tw-gradient-to:#166534}.to-red-800{--tw-gradient-to:#991b1b}.p-2{padding:.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:text-slate-500:hover{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.focus\:text-gray-500:focus{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.sm\:translate-x-0{--tw-translate-x:0px}.sm\:translate-x-0,.sm\:translate-x-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-x-2{--tw-translate-x:0.5rem}.sm\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:p-6{padding:1.5rem}} +*, +:after, +:before { + border: 0 solid #e5e7eb; + box-sizing: border-box +} + +:after, +:before { + --tw-content: "" +} + +html { + -webkit-text-size-adjust: 100%; + font-feature-settings: normal; + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4 +} + +body { + line-height: inherit; + margin: 0 +} + +hr { + border-top-width: 1px; + color: inherit; + height: 0 +} + +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted +} + +h1, +h2, +h3, +h4, +h5, +h6 {} + +a {} + +b, +strong { + font-weight: bolder +} + +code, +kbd, +pre, +samp { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + font-size: 1em +} + +small { + font-size: 80% +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} + +sub { + bottom: -.25em +} + +sup { + top: -.5em +} + +table { + border-collapse: collapse; + border-color: inherit; + text-indent: 0 +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font-family: inherit; + font-size: 100%; + font-weight: inherit; + line-height: inherit; + margin: 0; + padding: 0 +} + +button, +select { + text-transform: none +} + +[type=button], +[type=reset], +[type=submit], +button {} + +:-moz-focusring { + outline: auto +} + +:-moz-ui-invalid { + box-shadow: none +} + +progress { + vertical-align: baseline +} + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px +} + +::-webkit-search-decoration { + -webkit-appearance: none +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit +} + +summary { + display: list-item +} + +blockquote, +dd, +dl, +fieldset, +figure, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +p, +pre { + margin: 0 +} + +fieldset, +legend { + padding: 0 +} + +menu, +ol, +ul { + list-style: none; + margin: 0; + padding: 0 +} + +textarea { + resize: vertical +} + +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #9ca3af; + opacity: 1 +} + +input::placeholder, +textarea::placeholder { + color: #9ca3af; + opacity: 1 +} + +[role=button], +button { + cursor: pointer +} + +:disabled { + cursor: default +} + +audio, +canvas, +embed, +iframe, +img, +object, +svg, +video { + vertical-align: middle +} + +img, +video { + height: auto; + max-width: 100% +} + +[hidden] { + display: none +} + +*, +:after, +:before { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgba(59, 130, 246, .5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgba(59, 130, 246, .5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: +} + +.pointer-events-none { + pointer-events: none +} + +.pointer-events-auto { + pointer-events: auto +} + +.fixed { + position: fixed +} + +.absolute { + position: absolute +} + +.relative { + position: relative +} + +.inset-0 { + bottom: 0; + left: 0; + right: 0; + top: 0 +} + +.z-10 { + z-index: 10 +} + +.ml-4 { + margin-left: 1rem +} + +.ml-6 { + margin-left: 1.5rem +} + +.mt-1 { + margin-top: .25rem +} + +.flex { + display: flex +} + +.inline-flex { + display: inline-flex +} + +.h-10 { + height: 2.5rem +} + +.h-12 { + height: 3rem +} + +.h-40 { + height: 10rem +} + +.h-5 { + height: 1.25rem +} + +.h-6 { + height: 1.5rem +} + +.w-0 { + width: 0 +} + +.w-10 { + width: 2.5rem +} + +.w-12 { + width: 3rem +} + +.w-5 { + width: 1.25rem +} + +.w-6 { + width: 1.5rem +} + +.w-full { + width: 100% +} + +.max-w-sm { + max-width: 24rem +} + +.flex-1 { + flex: 1 1 0% +} + +.flex-shrink-0, +.shrink-0 { + flex-shrink: 0 +} + +.translate-y-0 { + --tw-translate-y: 0px +} + +.translate-y-0, +.translate-y-2 { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} + +.translate-y-2 { + --tw-translate-y: 0.5rem +} + +.transform { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) +} + +.flex-col { + flex-direction: column +} + +.items-start { + align-items: flex-start +} + +.items-end { + align-items: flex-end +} + +.items-center { + align-items: center +} + +.justify-end { + justify-content: flex-end +} + +.justify-center { + justify-content: center +} + +.space-y-3>:not([hidden])~:not([hidden]) { + --tw-space-y-reverse: 0; + margin-bottom: calc(.75rem*var(--tw-space-y-reverse)); + margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse))) +} + +.overflow-hidden { + overflow: hidden +} + +.rounded-full { + border-radius: 9999px +} + +.rounded-lg { + border-radius: .5rem +} + +.rounded-md { + border-radius: .375rem +} + +.border-l-4 { + border-left-width: 4px +} + +.border-t-4 { + border-top-width: 4px +} + +.border-blue-500 { + --tw-border-opacity: 1; + border-color: rgb(59 130 246/var(--tw-border-opacity)) +} + +.border-green-500 { + --tw-border-opacity: 1; + border-color: rgb(34 197 94/var(--tw-border-opacity)) +} + +.border-green-600 { + --tw-border-opacity: 1; + border-color: rgb(22 163 74/var(--tw-border-opacity)) +} + +.border-red-500 { + --tw-border-opacity: 1; + border-color: rgb(239 68 68/var(--tw-border-opacity)) +} + +.border-red-600 { + --tw-border-opacity: 1; + border-color: rgb(220 38 38/var(--tw-border-opacity)) +} + +.border-yellow-500 { + --tw-border-opacity: 1; + border-color: rgb(234 179 8/var(--tw-border-opacity)) +} + +.bg-green-500 { + --tw-bg-opacity: 1; + background-color: rgb(34 197 94/var(--tw-bg-opacity)) +} + +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgb(239 68 68/var(--tw-bg-opacity)) +} + +.bg-slate-800 { + --tw-bg-opacity: 1; + background-color: rgb(30 41 59/var(--tw-bg-opacity)) +} + +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255/var(--tw-bg-opacity)) +} + +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)) +} + +.from-green-600 { + --tw-gradient-from: #16a34a; + --tw-gradient-to: rgba(22, 163, 74, 0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) +} + +.from-orange-500 { + --tw-gradient-from: #f97316; + --tw-gradient-to: rgba(249, 115, 22, 0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) +} + +.from-red-600 { + --tw-gradient-from: #dc2626; + --tw-gradient-to: rgba(220, 38, 38, 0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) +} + +.from-teal-500 { + --tw-gradient-from: #14b8a6; + --tw-gradient-to: rgba(20, 184, 166, 0); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) +} + +.via-green-500 { + --tw-gradient-to: rgba(34, 197, 94, 0); + --tw-gradient-stops: var(--tw-gradient-from), #22c55e, var(--tw-gradient-to) +} + +.via-red-500 { + --tw-gradient-to: rgba(239, 68, 68, 0); + --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to) +} + +.to-green-800 { + --tw-gradient-to: #166534 +} + +.to-red-800 { + --tw-gradient-to: #991b1b +} + +.p-2 { + padding: .5rem +} + +.p-4 { + padding: 1rem +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem +} + +.py-6 { + padding-bottom: 1.5rem; + padding-top: 1.5rem +} + +.text-right { + text-align: right +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem +} + +.text-sm { + font-size: .875rem; + line-height: 1.25rem +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem +} + +.font-medium { + font-weight: 500 +} + +.font-semibold { + font-weight: 600 +} + +.leading-5 { + line-height: 1.25rem +} + +.leading-6 { + line-height: 1.5rem +} + +.text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246/var(--tw-text-opacity)) +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175/var(--tw-text-opacity)) +} + +.text-green-400 { + --tw-text-opacity: 1; + color: rgb(74 222 128/var(--tw-text-opacity)) +} + +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74/var(--tw-text-opacity)) +} + +.text-red-500 { + --tw-text-opacity: 1; + color: rgb(239 68 68/var(--tw-text-opacity)) +} + +.text-red-600 { + --tw-text-opacity: 1; + color: rgb(220 38 38/var(--tw-text-opacity)) +} + +.text-slate-400 { + --tw-text-opacity: 1; + color: rgb(148 163 184/var(--tw-text-opacity)) +} + +.text-slate-500 { + --tw-text-opacity: 1; + color: rgb(100 116 139/var(--tw-text-opacity)) +} + +.text-slate-900 { + --tw-text-opacity: 1; + color: rgb(15 23 42/var(--tw-text-opacity)) +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255/var(--tw-text-opacity)) +} + +.text-yellow-500 { + --tw-text-opacity: 1; + color: rgb(234 179 8/var(--tw-text-opacity)) +} + +.opacity-0 { + opacity: 0 +} + +.opacity-100 { + opacity: 1 +} + +.opacity-75 { + opacity: .75 +} + +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) +} + +.transition { + transition-duration: .15s; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(.4, 0, .2, 1) +} + +.duration-100 { + transition-duration: .1s +} + +.duration-150 { + transition-duration: .15s +} + +.duration-300 { + transition-duration: .3s +} + +.ease-in { + transition-timing-function: cubic-bezier(.4, 0, 1, 1) +} + +.ease-in-out { + transition-timing-function: cubic-bezier(.4, 0, .2, 1) +} + +.ease-out { + transition-timing-function: cubic-bezier(0, 0, .2, 1) +} + +.hover\:text-slate-500:hover { + --tw-text-opacity: 1; + color: rgb(100 116 139/var(--tw-text-opacity)) +} + +.focus\:text-gray-500:focus { + --tw-text-opacity: 1; + color: rgb(107 114 128/var(--tw-text-opacity)) +} + +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px +} + +@media (min-width:640px) { + .sm\:translate-x-0 { + --tw-translate-x: 0px + } + + .sm\:translate-x-0, + .sm\:translate-x-2 { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) + } + + .sm\:translate-x-2 { + --tw-translate-x: 0.5rem + } + + .sm\:translate-y-0 { + --tw-translate-y: 0px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) + } + + .sm\:items-start { + align-items: flex-start + } + + .sm\:justify-end { + justify-content: flex-end + } + + .sm\:p-6 { + padding: 1.5rem + } +} diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php new file mode 100644 index 0000000..6421c36 --- /dev/null +++ b/resources/views/index.blade.php @@ -0,0 +1,56 @@ +@extends('layouts.admin') +@section('styles') +@endsection +@section('app') +
+
+
+
+
+
+
+
+

Selamat Datang

+

Inilah yang terjadi di akun Anda hari ini

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+ barber +
+
+
+
+
+
+@endsection +@section('scripts') +@endsection diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php index 28232b5..c9cc2f1 100644 --- a/resources/views/layouts/admin.blade.php +++ b/resources/views/layouts/admin.blade.php @@ -4,9 +4,11 @@ @include('partials.admin._meta') @include('partials.admin._css') + @notifyCss + @include('notify::components.notify') @include('partials.admin._loader')
@@ -21,6 +23,7 @@
@include('partials.admin._js') + @notifyJs diff --git a/resources/views/partials/admin/_footer.blade.php b/resources/views/partials/admin/_footer.blade.php index 08bf2cd..e0c2af9 100644 --- a/resources/views/partials/admin/_footer.blade.php +++ b/resources/views/partials/admin/_footer.blade.php @@ -2,7 +2,8 @@
-

Copyright 2023 © Cuba theme by pixelstrap

+

© 2024 Basrbershop. Seluruh Hak Cipta Dilindungi. +

diff --git a/resources/views/partials/admin/_header.blade.php b/resources/views/partials/admin/_header.blade.php index 33db186..5df5799 100644 --- a/resources/views/partials/admin/_header.blade.php +++ b/resources/views/partials/admin/_header.blade.php @@ -27,8 +27,8 @@
image
- Ishowspeed -

Admin

+ {{ Auth::user()->biography->full_name }} +

{{ Auth::user()->role->name }}