Commit 22d3318a036d2c43c6d16994e001cc611131d677
1 parent
46be695f58
Exists in
master
and in
1 other branch
Стили поисковой строки в админке
Showing 3 changed files with 1650 additions and 2 deletions Inline Diff
public/assets/css/tailwind.output.css
1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Inter,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}*,:after,:before{box-sizing:border-box;border:0 solid #d5d6d7}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-input::-moz-placeholder{color:#9e9e9e;opacity:1}.form-input:-ms-input-placeholder{color:#9e9e9e;opacity:1}.form-input::-ms-input-placeholder{color:#9e9e9e;opacity:1}.form-input::placeholder{color:#9e9e9e;opacity:1}.form-input:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-textarea::-moz-placeholder{color:#9e9e9e;opacity:1}.form-textarea:-ms-input-placeholder{color:#9e9e9e;opacity:1}.form-textarea::-ms-input-placeholder{color:#9e9e9e;opacity:1}.form-textarea::placeholder{color:#9e9e9e;opacity:1}.form-textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-multiselect:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;background-repeat:no-repeat;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem;padding:.5rem 2.5rem .5rem .75rem;font-size:1rem;line-height:1.5;background-position:right .5rem center;background-size:1.5em 1.5em}.form-select::-ms-expand{color:#a0aec0;border:none}@media not print{.form-select::-ms-expand{display:none}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.form-select{padding-right:.75rem}}.form-select:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1em;width:1em;color:#4299e1;background-color:#fff;border-color:#e2e8f0;border-width:1px;border-radius:.25rem}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-checkbox::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1em;width:1em;color:#4299e1;background-color:#fff;border-color:#e2e8f0;border-width:1px}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.5);border-color:#63b3ed}.space-y-2>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--space-y-reverse)));margin-bottom:calc(0.5rem*var(--space-y-reverse))}.space-x-3>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(0.75rem*var(--space-x-reverse));margin-left:calc(0.75rem*(1 - var(--space-x-reverse)))}.space-y-4>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(1rem*(1 - var(--space-y-reverse)));margin-bottom:calc(1rem*var(--space-y-reverse))}.space-x-4>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1rem*var(--space-x-reverse));margin-left:calc(1rem*(1 - var(--space-x-reverse)))}.space-x-6>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1.5rem*var(--space-x-reverse));margin-left:calc(1.5rem*(1 - var(--space-x-reverse)))}.divide-y>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--divide-y-reverse)));border-bottom-width:calc(1px*var(--divide-y-reverse))}.theme-dark .dark\:divide-gray-700>:not(template)~:not(template){--divide-opacity:1;border-color:#24262d;border-color:rgba(36,38,45,var(--divide-opacity))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-black{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-gray-50{--bg-opacity:1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.bg-red-100{--bg-opacity:1;background-color:#fde8e8;background-color:rgba(253,232,232,var(--bg-opacity))}.bg-red-600{--bg-opacity:1;background-color:#e02424;background-color:rgba(224,36,36,var(--bg-opacity))}.bg-orange-100{--bg-opacity:1;background-color:#feecdc;background-color:rgba(254,236,220,var(--bg-opacity))}.bg-green-100{--bg-opacity:1;background-color:#def7ec;background-color:rgba(222,247,236,var(--bg-opacity))}.bg-teal-100{--bg-opacity:1;background-color:#d5f5f6;background-color:rgba(213,245,246,var(--bg-opacity))}.bg-teal-500{--bg-opacity:1;background-color:#0694a2;background-color:rgba(6,148,162,var(--bg-opacity))}.bg-teal-600{--bg-opacity:1;background-color:#047481;background-color:rgba(4,116,129,var(--bg-opacity))}.bg-blue-100{--bg-opacity:1;background-color:#e1effe;background-color:rgba(225,239,254,var(--bg-opacity))}.bg-blue-500{--bg-opacity:1;background-color:#3f83f8;background-color:rgba(63,131,248,var(--bg-opacity))}.bg-blue-600{--bg-opacity:1;background-color:#1c64f2;background-color:rgba(28,100,242,var(--bg-opacity))}.bg-purple-600{--bg-opacity:1;background-color:#7e3af2;background-color:rgba(126,58,242,var(--bg-opacity))}.hover\:bg-gray-100:hover{--bg-opacity:1;background-color:#f4f5f7;background-color:rgba(244,245,247,var(--bg-opacity))}.hover\:bg-purple-700:hover{--bg-opacity:1;background-color:#6c2bd9;background-color:rgba(108,43,217,var(--bg-opacity))}.focus\:bg-white:focus{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.active\:bg-transparent:active{background-color:transparent}.active\:bg-purple-600:active{--bg-opacity:1;background-color:#7e3af2;background-color:rgba(126,58,242,var(--bg-opacity))}.theme-dark .dark\:bg-gray-700{--bg-opacity:1;background-color:#24262d;background-color:rgba(36,38,45,var(--bg-opacity))}.theme-dark .dark\:bg-gray-800{--bg-opacity:1;background-color:#1a1c23;background-color:rgba(26,28,35,var(--bg-opacity))}.theme-dark .dark\:bg-gray-900{--bg-opacity:1;background-color:#121317;background-color:rgba(18,19,23,var(--bg-opacity))}.theme-dark .dark\:bg-red-600{--bg-opacity:1;background-color:#e02424;background-color:rgba(224,36,36,var(--bg-opacity))}.theme-dark .dark\:bg-red-700{--bg-opacity:1;background-color:#c81e1e;background-color:rgba(200,30,30,var(--bg-opacity))}.theme-dark .dark\:bg-orange-500{--bg-opacity:1;background-color:#ff5a1f;background-color:rgba(255,90,31,var(--bg-opacity))}.theme-dark .dark\:bg-orange-600{--bg-opacity:1;background-color:#d03801;background-color:rgba(208,56,1,var(--bg-opacity))}.theme-dark .dark\:bg-green-500{--bg-opacity:1;background-color:#0e9f6e;background-color:rgba(14,159,110,var(--bg-opacity))}.theme-dark .dark\:bg-green-700{--bg-opacity:1;background-color:#046c4e;background-color:rgba(4,108,78,var(--bg-opacity))}.theme-dark .dark\:bg-teal-500{--bg-opacity:1;background-color:#0694a2;background-color:rgba(6,148,162,var(--bg-opacity))}.theme-dark .dark\:bg-blue-500{--bg-opacity:1;background-color:#3f83f8;background-color:rgba(63,131,248,var(--bg-opacity))}.theme-dark .dark\:hover\:bg-gray-800:hover{--bg-opacity:1;background-color:#1a1c23;background-color:rgba(26,28,35,var(--bg-opacity))}.bg-opacity-50{--bg-opacity:0.5}.border-transparent{border-color:transparent}.border-white{--border-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--border-opacity))}.border-gray-100{--border-opacity:1;border-color:#f4f5f7;border-color:rgba(244,245,247,var(--border-opacity))}.border-gray-300{--border-opacity:1;border-color:#d5d6d7;border-color:rgba(213,214,215,var(--border-opacity))}.border-red-600{--border-opacity:1;border-color:#e02424;border-color:rgba(224,36,36,var(--border-opacity))}.border-green-600{--border-opacity:1;border-color:#057a55;border-color:rgba(5,122,85,var(--border-opacity))}.border-purple-600{--border-opacity:1;border-color:#7e3af2;border-color:rgba(126,58,242,var(--border-opacity))}.focus\:border-gray-500:focus{--border-opacity:1;border-color:#707275;border-color:rgba(112,114,117,var(--border-opacity))}.focus\:border-red-400:focus{--border-opacity:1;border-color:#f98080;border-color:rgba(249,128,128,var(--border-opacity))}.focus\:border-green-400:focus{--border-opacity:1;border-color:#31c48d;border-color:rgba(49,196,141,var(--border-opacity))}.focus\:border-purple-300:focus{--border-opacity:1;border-color:#cabffd;border-color:rgba(202,191,253,var(--border-opacity))}.focus\:border-purple-400:focus{--border-opacity:1;border-color:#ac94fa;border-color:rgba(172,148,250,var(--border-opacity))}.hover\:border-gray-500:hover{--border-opacity:1;border-color:#707275;border-color:rgba(112,114,117,var(--border-opacity))}.theme-dark .dark\:border-gray-600{--border-opacity:1;border-color:#4c4f52;border-color:rgba(76,79,82,var(--border-opacity))}.theme-dark .dark\:border-gray-700{--border-opacity:1;border-color:#24262d;border-color:rgba(36,38,45,var(--border-opacity))}.theme-dark .dark\:border-gray-800{--border-opacity:1;border-color:#1a1c23;border-color:rgba(26,28,35,var(--border-opacity))}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.border-0{border-width:0}.border-2{border-width:2px}.border{border-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.cursor-not-allowed{cursor:not-allowed}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.theme-dark .dark\:block{display:block}.theme-dark .dark\:hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-32{height:8rem}.h-full{height:100%}.h-screen{height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-6xl{font-size:4rem}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mr-5{margin-right:1.25rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mt-16{margin-top:4rem}.-mr-1{margin-right:-.25rem}.-ml-1{margin-left:-.25rem}.-mb-4{margin-bottom:-1rem}.max-h-0{max-height:0}.max-h-xl{max-height:36rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.pr-2{padding-right:.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pl-10{padding-left:2.5rem}.pb-16{padding-bottom:4rem}.pr-20{padding-right:5rem}.pl-20{padding-left:5rem}.placeholder-gray-600::-moz-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.placeholder-gray-600:-ms-input-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.placeholder-gray-600::-ms-input-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.placeholder-gray-600::placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.focus\:placeholder-gray-500:focus::-moz-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.focus\:placeholder-gray-500:focus:-ms-input-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.focus\:placeholder-gray-500:focus::-ms-input-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.focus\:placeholder-gray-500:focus::placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:placeholder-gray-500::-moz-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:placeholder-gray-500::-ms-input-placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:placeholder-gray-500::placeholder{--placeholder-opacity:1;color:#707275;color:rgba(112,114,117,var(--placeholder-opacity))}.theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.theme-dark .dark\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder{--placeholder-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--placeholder-opacity))}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}.shadow-xs{box-shadow:0 0 0 1px rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}.fill-current{fill:currentColor}.text-left{text-align:left}.text-center{text-align:center}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#9e9e9e;color:rgba(158,158,158,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#707275;color:rgba(112,114,117,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#4c4f52;color:rgba(76,79,82,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#24262d;color:rgba(36,38,45,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#1a1c23;color:rgba(26,28,35,var(--text-opacity))}.text-red-600{--text-opacity:1;color:#e02424;color:rgba(224,36,36,var(--text-opacity))}.text-red-700{--text-opacity:1;color:#c81e1e;color:rgba(200,30,30,var(--text-opacity))}.text-orange-500{--text-opacity:1;color:#ff5a1f;color:rgba(255,90,31,var(--text-opacity))}.text-orange-700{--text-opacity:1;color:#b43403;color:rgba(180,52,3,var(--text-opacity))}.text-green-500{--text-opacity:1;color:#0e9f6e;color:rgba(14,159,110,var(--text-opacity))}.text-green-600{--text-opacity:1;color:#057a55;color:rgba(5,122,85,var(--text-opacity))}.text-green-700{--text-opacity:1;color:#046c4e;color:rgba(4,108,78,var(--text-opacity))}.text-teal-500{--text-opacity:1;color:#0694a2;color:rgba(6,148,162,var(--text-opacity))}.text-blue-500{--text-opacity:1;color:#3f83f8;color:rgba(63,131,248,var(--text-opacity))}.text-purple-100{--text-opacity:1;color:#edebfe;color:rgba(237,235,254,var(--text-opacity))}.text-purple-200{--text-opacity:1;color:#dcd7fe;color:rgba(220,215,254,var(--text-opacity))}.text-purple-600{--text-opacity:1;color:#7e3af2;color:rgba(126,58,242,var(--text-opacity))}.focus-within\:text-purple-500:focus-within{--text-opacity:1;color:#9061f9;color:rgba(144,97,249,var(--text-opacity))}.focus-within\:text-purple-600:focus-within{--text-opacity:1;color:#7e3af2;color:rgba(126,58,242,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#24262d;color:rgba(36,38,45,var(--text-opacity))}.hover\:text-gray-800:hover{--text-opacity:1;color:#1a1c23;color:rgba(26,28,35,var(--text-opacity))}.active\:text-gray-500:active{--text-opacity:1;color:#707275;color:rgba(112,114,117,var(--text-opacity))}.theme-dark .dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.theme-dark .dark\:text-gray-100{--text-opacity:1;color:#f4f5f7;color:rgba(244,245,247,var(--text-opacity))}.theme-dark .dark\:text-gray-200{--text-opacity:1;color:#e5e7eb;color:rgba(229,231,235,var(--text-opacity))}.theme-dark .dark\:text-gray-300{--text-opacity:1;color:#d5d6d7;color:rgba(213,214,215,var(--text-opacity))}.theme-dark .dark\:text-gray-400{--text-opacity:1;color:#9e9e9e;color:rgba(158,158,158,var(--text-opacity))}.theme-dark .dark\:text-red-100{--text-opacity:1;color:#fde8e8;color:rgba(253,232,232,var(--text-opacity))}.theme-dark .dark\:text-red-400{--text-opacity:1;color:#f98080;color:rgba(249,128,128,var(--text-opacity))}.theme-dark .dark\:text-orange-100{--text-opacity:1;color:#feecdc;color:rgba(254,236,220,var(--text-opacity))}.theme-dark .dark\:text-green-100{--text-opacity:1;color:#def7ec;color:rgba(222,247,236,var(--text-opacity))}.theme-dark .dark\:text-green-400{--text-opacity:1;color:#31c48d;color:rgba(49,196,141,var(--text-opacity))}.theme-dark .dark\:text-teal-100{--text-opacity:1;color:#d5f5f6;color:rgba(213,245,246,var(--text-opacity))}.theme-dark .dark\:text-blue-100{--text-opacity:1;color:#e1effe;color:rgba(225,239,254,var(--text-opacity))}.theme-dark .dark\:text-purple-300{--text-opacity:1;color:#cabffd;color:rgba(202,191,253,var(--text-opacity))}.theme-dark .dark\:text-purple-400{--text-opacity:1;color:#ac94fa;color:rgba(172,148,250,var(--text-opacity))}.theme-dark .dark\:focus-within\:text-purple-400:focus-within{--text-opacity:1;color:#ac94fa;color:rgba(172,148,250,var(--text-opacity))}.theme-dark .dark\:hover\:text-gray-200:hover{--text-opacity:1;color:#e5e7eb;color:rgba(229,231,235,var(--text-opacity))}.uppercase{text-transform:uppercase}.hover\:underline:hover,.underline{text-decoration:underline}.tracking-wide{letter-spacing:.025em}.align-middle{vertical-align:middle}.whitespace-no-wrap{white-space:nowrap}.w-1{width:.25rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-56{width:14rem}.w-64{width:16rem}.w-full{width:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.gap-6{grid-gap:1.5rem;gap:1.5rem}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.translate-x-1{--transform-translate-x:0.25rem}.-translate-x-20{--transform-translate-x:-5rem}.-translate-y-1{--transform-translate-y:-0.25rem}.translate-y-1\/2{--transform-translate-y:50%}.transition-all{transition-property:all}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-colors{transition-property:background-color,border-color,color,fill,stroke}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.focus\:shadow-outline-gray:focus{box-shadow:0 0 0 3px rgba(213,214,215,.45)}.focus\:shadow-outline-red:focus{box-shadow:0 0 0 3px rgba(248,180,180,.45)}.focus\:shadow-outline-green:focus{box-shadow:0 0 0 3px rgba(132,225,188,.45)}.focus\:shadow-outline-purple:focus{box-shadow:0 0 0 3px rgba(202,191,253,.45)}.theme-dark .dark\:focus\:shadow-outline-gray:focus{box-shadow:0 0 0 3px rgba(213,214,215,.45)}@media (min-width:640px){.sm\:space-y-0>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0px*(1 - var(--space-y-reverse)));margin-bottom:calc(0px*var(--space-y-reverse))}.sm\:space-x-6>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1.5rem*var(--space-x-reverse));margin-left:calc(1.5rem*(1 - var(--space-x-reverse)))}.sm\:rounded-lg{border-radius:.5rem}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:m-4{margin:1rem}.sm\:mt-auto{margin-top:auto}.sm\:max-w-xl{max-width:36rem}.sm\:p-12{padding:3rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:w-auto{width:auto}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width:768px){.md\:space-x-4>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1rem*var(--space-x-reverse));margin-left:calc(1rem*(1 - var(--space-x-reverse)))}.md\:block{display:block}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:mr-32{margin-right:8rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}} | File was deleted |
public/assets/css/tailwind.output_new.css
File was created | 1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | |
2 | html { | ||
3 | line-height: 1.15; | ||
4 | -webkit-text-size-adjust: 100% | ||
5 | } | ||
6 | body { | ||
7 | margin: 0 | ||
8 | } | ||
9 | main { | ||
10 | display: block | ||
11 | } | ||
12 | h1 { | ||
13 | font-size: 2em; | ||
14 | margin: .67em 0 | ||
15 | } | ||
16 | hr { | ||
17 | box-sizing: content-box; | ||
18 | height: 0; | ||
19 | overflow: visible | ||
20 | } | ||
21 | pre { | ||
22 | font-family: monospace, monospace; | ||
23 | font-size: 1em | ||
24 | } | ||
25 | a { | ||
26 | background-color: transparent | ||
27 | } | ||
28 | abbr[title] { | ||
29 | border-bottom: none; | ||
30 | text-decoration: underline; | ||
31 | -webkit-text-decoration: underline dotted; | ||
32 | text-decoration: underline dotted | ||
33 | } | ||
34 | b, strong { | ||
35 | font-weight: bolder | ||
36 | } | ||
37 | code, kbd, samp { | ||
38 | font-family: monospace, monospace; | ||
39 | font-size: 1em | ||
40 | } | ||
41 | small { | ||
42 | font-size: 80% | ||
43 | } | ||
44 | sub, sup { | ||
45 | font-size: 75%; | ||
46 | line-height: 0; | ||
47 | position: relative; | ||
48 | vertical-align: baseline | ||
49 | } | ||
50 | sub { | ||
51 | bottom: -.25em | ||
52 | } | ||
53 | sup { | ||
54 | top: -.5em | ||
55 | } | ||
56 | img { | ||
57 | border-style: none | ||
58 | } | ||
59 | button, input, optgroup, select, textarea { | ||
60 | font-family: inherit; | ||
61 | font-size: 100%; | ||
62 | line-height: 1.15; | ||
63 | margin: 0 | ||
64 | } | ||
65 | button, input { | ||
66 | overflow: visible | ||
67 | } | ||
68 | button, select { | ||
69 | text-transform: none | ||
70 | } | ||
71 | [type=button], [type=reset], [type=submit], button { | ||
72 | -webkit-appearance: button | ||
73 | } | ||
74 | [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { | ||
75 | border-style: none; | ||
76 | padding: 0 | ||
77 | } | ||
78 | [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { | ||
79 | outline: 1px dotted ButtonText | ||
80 | } | ||
81 | fieldset { | ||
82 | padding: .35em .75em .625em | ||
83 | } | ||
84 | legend { | ||
85 | box-sizing: border-box; | ||
86 | color: inherit; | ||
87 | display: table; | ||
88 | max-width: 100%; | ||
89 | padding: 0; | ||
90 | white-space: normal | ||
91 | } | ||
92 | progress { | ||
93 | vertical-align: baseline | ||
94 | } | ||
95 | textarea { | ||
96 | overflow: auto | ||
97 | } | ||
98 | [type=checkbox], [type=radio] { | ||
99 | box-sizing: border-box; | ||
100 | padding: 0 | ||
101 | } | ||
102 | [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { | ||
103 | height: auto | ||
104 | } | ||
105 | [type=search] { | ||
106 | -webkit-appearance: textfield; | ||
107 | outline-offset: -2px | ||
108 | } | ||
109 | [type=search]::-webkit-search-decoration { | ||
110 | -webkit-appearance: none | ||
111 | } | ||
112 | ::-webkit-file-upload-button { | ||
113 | -webkit-appearance: button; | ||
114 | font: inherit | ||
115 | } | ||
116 | details { | ||
117 | display: block | ||
118 | } | ||
119 | summary { | ||
120 | display: list-item | ||
121 | } | ||
122 | [hidden], template { | ||
123 | display: none | ||
124 | } | ||
125 | blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { | ||
126 | margin: 0 | ||
127 | } | ||
128 | button { | ||
129 | background-color: transparent; | ||
130 | background-image: none; | ||
131 | padding: 0 | ||
132 | } | ||
133 | button:focus { | ||
134 | outline: 1px dotted; | ||
135 | outline: 5px auto -webkit-focus-ring-color | ||
136 | } | ||
137 | fieldset, ol, ul { | ||
138 | margin: 0; | ||
139 | padding: 0 | ||
140 | } | ||
141 | ol, ul { | ||
142 | list-style: none | ||
143 | } | ||
144 | html { | ||
145 | font-family: Inter, 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; | ||
146 | line-height: 1.5 | ||
147 | } | ||
148 | *, :after, :before { | ||
149 | box-sizing: border-box; | ||
150 | border: 0 solid #d5d6d7 | ||
151 | } | ||
152 | hr { | ||
153 | border-top-width: 1px | ||
154 | } | ||
155 | img { | ||
156 | border-style: solid | ||
157 | } | ||
158 | textarea { | ||
159 | resize: vertical | ||
160 | } | ||
161 | input::-moz-placeholder, textarea::-moz-placeholder { | ||
162 | color: #a0aec0 | ||
163 | } | ||
164 | input:-ms-input-placeholder, textarea:-ms-input-placeholder { | ||
165 | color: #a0aec0 | ||
166 | } | ||
167 | input::-ms-input-placeholder, textarea::-ms-input-placeholder { | ||
168 | color: #a0aec0 | ||
169 | } | ||
170 | input::placeholder, textarea::placeholder { | ||
171 | color: #a0aec0 | ||
172 | } | ||
173 | [role=button], button { | ||
174 | cursor: pointer | ||
175 | } | ||
176 | table { | ||
177 | border-collapse: collapse | ||
178 | } | ||
179 | h1, h2, h3, h4, h5, h6 { | ||
180 | font-size: inherit; | ||
181 | font-weight: inherit | ||
182 | } | ||
183 | a { | ||
184 | color: inherit; | ||
185 | text-decoration: inherit | ||
186 | } | ||
187 | button, input, optgroup, select, textarea { | ||
188 | padding: 0; | ||
189 | line-height: inherit; | ||
190 | color: inherit | ||
191 | } | ||
192 | code, kbd, pre, samp { | ||
193 | font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace | ||
194 | } | ||
195 | audio, canvas, embed, iframe, img, object, svg, video { | ||
196 | display: block; | ||
197 | vertical-align: middle | ||
198 | } | ||
199 | img, video { | ||
200 | max-width: 100%; | ||
201 | height: auto | ||
202 | } | ||
203 | .container { | ||
204 | width: 100% | ||
205 | } | ||
206 | @media (min-width:640px) { | ||
207 | .container { | ||
208 | max-width: 640px | ||
209 | } | ||
210 | } | ||
211 | @media (min-width:768px) { | ||
212 | .container { | ||
213 | max-width: 768px | ||
214 | } | ||
215 | } | ||
216 | @media (min-width:1024px) { | ||
217 | .container { | ||
218 | max-width: 1024px | ||
219 | } | ||
220 | } | ||
221 | @media (min-width:1280px) { | ||
222 | .container { | ||
223 | max-width: 1280px | ||
224 | } | ||
225 | } | ||
226 | .form-input { | ||
227 | -webkit-appearance: none; | ||
228 | -moz-appearance: none; | ||
229 | appearance: none; | ||
230 | background-color: #fff; | ||
231 | border-color: #e2e8f0; | ||
232 | border-width: 1px; | ||
233 | border-radius: .25rem; | ||
234 | padding: .5rem .75rem; | ||
235 | font-size: 1rem; | ||
236 | line-height: 1.5 | ||
237 | } | ||
238 | .form-input::-moz-placeholder { | ||
239 | color: #9e9e9e; | ||
240 | opacity: 1 | ||
241 | } | ||
242 | .form-input:-ms-input-placeholder { | ||
243 | color: #9e9e9e; | ||
244 | opacity: 1 | ||
245 | } | ||
246 | .form-input::-ms-input-placeholder { | ||
247 | color: #9e9e9e; | ||
248 | opacity: 1 | ||
249 | } | ||
250 | .form-input::placeholder { | ||
251 | color: #9e9e9e; | ||
252 | opacity: 1 | ||
253 | } | ||
254 | .form-input:focus { | ||
255 | outline: none; | ||
256 | box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); | ||
257 | border-color: #63b3ed | ||
258 | } | ||
259 | .form-textarea { | ||
260 | -webkit-appearance: none; | ||
261 | -moz-appearance: none; | ||
262 | appearance: none; | ||
263 | background-color: #fff; | ||
264 | border-color: #e2e8f0; | ||
265 | border-width: 1px; | ||
266 | border-radius: .25rem; | ||
267 | padding: .5rem .75rem; | ||
268 | font-size: 1rem; | ||
269 | line-height: 1.5 | ||
270 | } | ||
271 | .form-textarea::-moz-placeholder { | ||
272 | color: #9e9e9e; | ||
273 | opacity: 1 | ||
274 | } | ||
275 | .form-textarea:-ms-input-placeholder { | ||
276 | color: #9e9e9e; | ||
277 | opacity: 1 | ||
278 | } | ||
279 | .form-textarea::-ms-input-placeholder { | ||
280 | color: #9e9e9e; | ||
281 | opacity: 1 | ||
282 | } | ||
283 | .form-textarea::placeholder { | ||
284 | color: #9e9e9e; | ||
285 | opacity: 1 | ||
286 | } | ||
287 | .form-textarea:focus { | ||
288 | outline: none; | ||
289 | box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); | ||
290 | border-color: #63b3ed | ||
291 | } | ||
292 | .form-multiselect { | ||
293 | -webkit-appearance: none; | ||
294 | -moz-appearance: none; | ||
295 | appearance: none; | ||
296 | background-color: #fff; | ||
297 | border-color: #e2e8f0; | ||
298 | border-width: 1px; | ||
299 | border-radius: .25rem; | ||
300 | padding: .5rem .75rem; | ||
301 | font-size: 1rem; | ||
302 | line-height: 1.5 | ||
303 | } | ||
304 | .form-multiselect:focus { | ||
305 | outline: none; | ||
306 | box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); | ||
307 | border-color: #63b3ed | ||
308 | } | ||
309 | .form-select { | ||
310 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E"); | ||
311 | -webkit-appearance: none; | ||
312 | -moz-appearance: none; | ||
313 | appearance: none; | ||
314 | -webkit-print-color-adjust: exact; | ||
315 | color-adjust: exact; | ||
316 | background-repeat: no-repeat; | ||
317 | background-color: #fff; | ||
318 | border-color: #e2e8f0; | ||
319 | border-width: 1px; | ||
320 | border-radius: .25rem; | ||
321 | padding: .5rem 2.5rem .5rem .75rem; | ||
322 | font-size: 1rem; | ||
323 | line-height: 1.5; | ||
324 | background-position: right .5rem center; | ||
325 | background-size: 1.5em 1.5em | ||
326 | } | ||
327 | .form-select::-ms-expand { | ||
328 | color: #a0aec0; | ||
329 | border: none | ||
330 | } | ||
331 | @media not print { | ||
332 | .form-select::-ms-expand { | ||
333 | display: none | ||
334 | } | ||
335 | } | ||
336 | @media print and (-ms-high-contrast:active), print and (-ms-high-contrast:none) { | ||
337 | .form-select { | ||
338 | padding-right: .75rem | ||
339 | } | ||
340 | } | ||
341 | .form-select:focus { | ||
342 | outline: none; | ||
343 | box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); | ||
344 | border-color: #63b3ed | ||
345 | } | ||
346 | .form-checkbox { | ||
347 | -webkit-appearance: none; | ||
348 | -moz-appearance: none; | ||
349 | appearance: none; | ||
350 | -webkit-print-color-adjust: exact; | ||
351 | color-adjust: exact; | ||
352 | display: inline-block; | ||
353 | vertical-align: middle; | ||
354 | background-origin: border-box; | ||
355 | -webkit-user-select: none; | ||
356 | -moz-user-select: none; | ||
357 | -ms-user-select: none; | ||
358 | user-select: none; | ||
359 | flex-shrink: 0; | ||
360 | height: 1em; | ||
361 | width: 1em; | ||
362 | color: #4299e1; | ||
363 | background-color: #fff; | ||
364 | border-color: #e2e8f0; | ||
365 | border-width: 1px; | ||
366 | border-radius: .25rem | ||
367 | } | ||
368 | .form-checkbox:checked { | ||
369 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E"); | ||
370 | border-color: transparent; | ||
371 | background-color: currentColor; | ||
372 | background-size: 100% 100%; | ||
373 | background-position: 50%; | ||
374 | background-repeat: no-repeat | ||
375 | } | ||
376 | @media not print { | ||
377 | .form-checkbox::-ms-check { | ||
378 | border-width: 1px; | ||
379 | color: transparent; | ||
380 | background: inherit; | ||
381 | border-color: inherit; | ||
382 | border-radius: inherit | ||
383 | } | ||
384 | } | ||
385 | .form-checkbox:focus { | ||
386 | outline: none; | ||
387 | box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); | ||
388 | border-color: #63b3ed | ||
389 | } | ||
390 | .form-radio { | ||
391 | -webkit-appearance: none; | ||
392 | -moz-appearance: none; | ||
393 | appearance: none; | ||
394 | -webkit-print-color-adjust: exact; | ||
395 | color-adjust: exact; | ||
396 | display: inline-block; | ||
397 | vertical-align: middle; | ||
398 | background-origin: border-box; | ||
399 | -webkit-user-select: none; | ||
400 | -moz-user-select: none; | ||
401 | -ms-user-select: none; | ||
402 | user-select: none; | ||
403 | flex-shrink: 0; | ||
404 | border-radius: 100%; | ||
405 | height: 1em; | ||
406 | width: 1em; | ||
407 | color: #4299e1; | ||
408 | background-color: #fff; | ||
409 | border-color: #e2e8f0; | ||
410 | border-width: 1px | ||
411 | } | ||
412 | .form-radio:checked { | ||
413 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E"); | ||
414 | border-color: transparent; | ||
415 | background-color: currentColor; | ||
416 | background-size: 100% 100%; | ||
417 | background-position: 50%; | ||
418 | background-repeat: no-repeat | ||
419 | } | ||
420 | @media not print { | ||
421 | .form-radio::-ms-check { | ||
422 | border-width: 1px; | ||
423 | color: transparent; | ||
424 | background: inherit; | ||
425 | border-color: inherit; | ||
426 | border-radius: inherit | ||
427 | } | ||
428 | } | ||
429 | .form-radio:focus { | ||
430 | outline: none; | ||
431 | box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); | ||
432 | border-color: #63b3ed | ||
433 | } | ||
434 | .space-y-2>:not(template)~:not(template) { | ||
435 | --space-y-reverse: 0; | ||
436 | margin-top: calc(0.5rem*(1 - var(--space-y-reverse))); | ||
437 | margin-bottom: calc(0.5rem*var(--space-y-reverse)) | ||
438 | } | ||
439 | .space-x-3>:not(template)~:not(template) { | ||
440 | --space-x-reverse: 0; | ||
441 | margin-right: calc(0.75rem*var(--space-x-reverse)); | ||
442 | margin-left: calc(0.75rem*(1 - var(--space-x-reverse))) | ||
443 | } | ||
444 | .space-y-4>:not(template)~:not(template) { | ||
445 | --space-y-reverse: 0; | ||
446 | margin-top: calc(1rem*(1 - var(--space-y-reverse))); | ||
447 | margin-bottom: calc(1rem*var(--space-y-reverse)) | ||
448 | } | ||
449 | .space-x-4>:not(template)~:not(template) { | ||
450 | --space-x-reverse: 0; | ||
451 | margin-right: calc(1rem*var(--space-x-reverse)); | ||
452 | margin-left: calc(1rem*(1 - var(--space-x-reverse))) | ||
453 | } | ||
454 | .space-x-6>:not(template)~:not(template) { | ||
455 | --space-x-reverse: 0; | ||
456 | margin-right: calc(1.5rem*var(--space-x-reverse)); | ||
457 | margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) | ||
458 | } | ||
459 | .divide-y>:not(template)~:not(template) { | ||
460 | --divide-y-reverse: 0; | ||
461 | border-top-width: calc(1px*(1 - var(--divide-y-reverse))); | ||
462 | border-bottom-width: calc(1px*var(--divide-y-reverse)) | ||
463 | } | ||
464 | .theme-dark .dark\:divide-gray-700>:not(template)~:not(template) { | ||
465 | --divide-opacity: 1; | ||
466 | border-color: #24262d; | ||
467 | border-color: rgba(36, 38, 45, var(--divide-opacity)) | ||
468 | } | ||
469 | .bg-white { | ||
470 | --bg-opacity: 1; | ||
471 | background-color: #fff; | ||
472 | background-color: rgba(255, 255, 255, var(--bg-opacity)) | ||
473 | } | ||
474 | .bg-black { | ||
475 | --bg-opacity: 1; | ||
476 | background-color: #000; | ||
477 | background-color: rgba(0, 0, 0, var(--bg-opacity)) | ||
478 | } | ||
479 | .bg-gray-50 { | ||
480 | --bg-opacity: 1; | ||
481 | background-color: #f9fafb; | ||
482 | background-color: rgba(249, 250, 251, var(--bg-opacity)) | ||
483 | } | ||
484 | .bg-gray-100 { | ||
485 | --bg-opacity: 1; | ||
486 | background-color: #f4f5f7; | ||
487 | background-color: rgba(244, 245, 247, var(--bg-opacity)) | ||
488 | } | ||
489 | .bg-red-100 { | ||
490 | --bg-opacity: 1; | ||
491 | background-color: #fde8e8; | ||
492 | background-color: rgba(253, 232, 232, var(--bg-opacity)) | ||
493 | } | ||
494 | .bg-red-600 { | ||
495 | --bg-opacity: 1; | ||
496 | background-color: #e02424; | ||
497 | background-color: rgba(224, 36, 36, var(--bg-opacity)) | ||
498 | } | ||
499 | .bg-orange-100 { | ||
500 | --bg-opacity: 1; | ||
501 | background-color: #feecdc; | ||
502 | background-color: rgba(254, 236, 220, var(--bg-opacity)) | ||
503 | } | ||
504 | .bg-green-100 { | ||
505 | --bg-opacity: 1; | ||
506 | background-color: #def7ec; | ||
507 | background-color: rgba(222, 247, 236, var(--bg-opacity)) | ||
508 | } | ||
509 | .bg-teal-100 { | ||
510 | --bg-opacity: 1; | ||
511 | background-color: #d5f5f6; | ||
512 | background-color: rgba(213, 245, 246, var(--bg-opacity)) | ||
513 | } | ||
514 | .bg-teal-500 { | ||
515 | --bg-opacity: 1; | ||
516 | background-color: #0694a2; | ||
517 | background-color: rgba(6, 148, 162, var(--bg-opacity)) | ||
518 | } | ||
519 | .bg-teal-600 { | ||
520 | --bg-opacity: 1; | ||
521 | background-color: #047481; | ||
522 | background-color: rgba(4, 116, 129, var(--bg-opacity)) | ||
523 | } | ||
524 | .bg-blue-100 { | ||
525 | --bg-opacity: 1; | ||
526 | background-color: #e1effe; | ||
527 | background-color: rgba(225, 239, 254, var(--bg-opacity)) | ||
528 | } | ||
529 | .bg-blue-500 { | ||
530 | --bg-opacity: 1; | ||
531 | background-color: #3f83f8; | ||
532 | background-color: rgba(63, 131, 248, var(--bg-opacity)) | ||
533 | } | ||
534 | .bg-blue-600 { | ||
535 | --bg-opacity: 1; | ||
536 | background-color: #1c64f2; | ||
537 | background-color: rgba(28, 100, 242, var(--bg-opacity)) | ||
538 | } | ||
539 | .bg-purple-600 { | ||
540 | --bg-opacity: 1; | ||
541 | background-color: #7e3af2; | ||
542 | background-color: rgba(126, 58, 242, var(--bg-opacity)) | ||
543 | } | ||
544 | .hover\:bg-gray-100:hover { | ||
545 | --bg-opacity: 1; | ||
546 | background-color: #f4f5f7; | ||
547 | background-color: rgba(244, 245, 247, var(--bg-opacity)) | ||
548 | } | ||
549 | .hover\:bg-purple-700:hover { | ||
550 | --bg-opacity: 1; | ||
551 | background-color: #6c2bd9; | ||
552 | background-color: rgba(108, 43, 217, var(--bg-opacity)) | ||
553 | } | ||
554 | .focus\:bg-white:focus { | ||
555 | --bg-opacity: 1; | ||
556 | background-color: #fff; | ||
557 | background-color: rgba(255, 255, 255, var(--bg-opacity)) | ||
558 | } | ||
559 | .active\:bg-transparent:active { | ||
560 | background-color: transparent | ||
561 | } | ||
562 | .active\:bg-purple-600:active { | ||
563 | --bg-opacity: 1; | ||
564 | background-color: #7e3af2; | ||
565 | background-color: rgba(126, 58, 242, var(--bg-opacity)) | ||
566 | } | ||
567 | .theme-dark .dark\:bg-gray-700 { | ||
568 | --bg-opacity: 1; | ||
569 | background-color: #24262d; | ||
570 | background-color: rgba(36, 38, 45, var(--bg-opacity)) | ||
571 | } | ||
572 | .theme-dark .dark\:bg-gray-800 { | ||
573 | --bg-opacity: 1; | ||
574 | background-color: #1a1c23; | ||
575 | background-color: rgba(26, 28, 35, var(--bg-opacity)) | ||
576 | } | ||
577 | .theme-dark .dark\:bg-gray-900 { | ||
578 | --bg-opacity: 1; | ||
579 | background-color: #121317; | ||
580 | background-color: rgba(18, 19, 23, var(--bg-opacity)) | ||
581 | } | ||
582 | .theme-dark .dark\:bg-red-600 { | ||
583 | --bg-opacity: 1; | ||
584 | background-color: #e02424; | ||
585 | background-color: rgba(224, 36, 36, var(--bg-opacity)) | ||
586 | } | ||
587 | .theme-dark .dark\:bg-red-700 { | ||
588 | --bg-opacity: 1; | ||
589 | background-color: #c81e1e; | ||
590 | background-color: rgba(200, 30, 30, var(--bg-opacity)) | ||
591 | } | ||
592 | .theme-dark .dark\:bg-orange-500 { | ||
593 | --bg-opacity: 1; | ||
594 | background-color: #ff5a1f; | ||
595 | background-color: rgba(255, 90, 31, var(--bg-opacity)) | ||
596 | } | ||
597 | .theme-dark .dark\:bg-orange-600 { | ||
598 | --bg-opacity: 1; | ||
599 | background-color: #d03801; | ||
600 | background-color: rgba(208, 56, 1, var(--bg-opacity)) | ||
601 | } | ||
602 | .theme-dark .dark\:bg-green-500 { | ||
603 | --bg-opacity: 1; | ||
604 | background-color: #0e9f6e; | ||
605 | background-color: rgba(14, 159, 110, var(--bg-opacity)) | ||
606 | } | ||
607 | .theme-dark .dark\:bg-green-700 { | ||
608 | --bg-opacity: 1; | ||
609 | background-color: #046c4e; | ||
610 | background-color: rgba(4, 108, 78, var(--bg-opacity)) | ||
611 | } | ||
612 | .theme-dark .dark\:bg-teal-500 { | ||
613 | --bg-opacity: 1; | ||
614 | background-color: #0694a2; | ||
615 | background-color: rgba(6, 148, 162, var(--bg-opacity)) | ||
616 | } | ||
617 | .theme-dark .dark\:bg-blue-500 { | ||
618 | --bg-opacity: 1; | ||
619 | background-color: #3f83f8; | ||
620 | background-color: rgba(63, 131, 248, var(--bg-opacity)) | ||
621 | } | ||
622 | .theme-dark .dark\:hover\:bg-gray-800:hover { | ||
623 | --bg-opacity: 1; | ||
624 | background-color: #1a1c23; | ||
625 | background-color: rgba(26, 28, 35, var(--bg-opacity)) | ||
626 | } | ||
627 | .bg-opacity-50 { | ||
628 | --bg-opacity: 0.5 | ||
629 | } | ||
630 | .border-transparent { | ||
631 | border-color: transparent | ||
632 | } | ||
633 | .border-white { | ||
634 | --border-opacity: 1; | ||
635 | border-color: #fff; | ||
636 | border-color: rgba(255, 255, 255, var(--border-opacity)) | ||
637 | } | ||
638 | .border-gray-100 { | ||
639 | --border-opacity: 1; | ||
640 | border-color: #f4f5f7; | ||
641 | border-color: rgba(244, 245, 247, var(--border-opacity)) | ||
642 | } | ||
643 | .border-gray-300 { | ||
644 | --border-opacity: 1; | ||
645 | border-color: #d5d6d7; | ||
646 | border-color: rgba(213, 214, 215, var(--border-opacity)) | ||
647 | } | ||
648 | .border-red-600 { | ||
649 | --border-opacity: 1; | ||
650 | border-color: #e02424; | ||
651 | border-color: rgba(224, 36, 36, var(--border-opacity)) | ||
652 | } | ||
653 | .border-green-600 { | ||
654 | --border-opacity: 1; | ||
655 | border-color: #057a55; | ||
656 | border-color: rgba(5, 122, 85, var(--border-opacity)) | ||
657 | } | ||
658 | .border-purple-600 { | ||
659 | --border-opacity: 1; | ||
660 | border-color: #7e3af2; | ||
661 | border-color: rgba(126, 58, 242, var(--border-opacity)) | ||
662 | } | ||
663 | .focus\:border-gray-500:focus { | ||
664 | --border-opacity: 1; | ||
665 | border-color: #707275; | ||
666 | border-color: rgba(112, 114, 117, var(--border-opacity)) | ||
667 | } | ||
668 | .focus\:border-red-400:focus { | ||
669 | --border-opacity: 1; | ||
670 | border-color: #f98080; | ||
671 | border-color: rgba(249, 128, 128, var(--border-opacity)) | ||
672 | } | ||
673 | .focus\:border-green-400:focus { | ||
674 | --border-opacity: 1; | ||
675 | border-color: #31c48d; | ||
676 | border-color: rgba(49, 196, 141, var(--border-opacity)) | ||
677 | } | ||
678 | .focus\:border-purple-300:focus { | ||
679 | --border-opacity: 1; | ||
680 | border-color: #cabffd; | ||
681 | border-color: rgba(202, 191, 253, var(--border-opacity)) | ||
682 | } | ||
683 | .focus\:border-purple-400:focus { | ||
684 | --border-opacity: 1; | ||
685 | border-color: #ac94fa; | ||
686 | border-color: rgba(172, 148, 250, var(--border-opacity)) | ||
687 | } | ||
688 | .hover\:border-gray-500:hover { | ||
689 | --border-opacity: 1; | ||
690 | border-color: #707275; | ||
691 | border-color: rgba(112, 114, 117, var(--border-opacity)) | ||
692 | } | ||
693 | .theme-dark .dark\:border-gray-600 { | ||
694 | --border-opacity: 1; | ||
695 | border-color: #4c4f52; | ||
696 | border-color: rgba(76, 79, 82, var(--border-opacity)) | ||
697 | } | ||
698 | .theme-dark .dark\:border-gray-700 { | ||
699 | --border-opacity: 1; | ||
700 | border-color: #24262d; | ||
701 | border-color: rgba(36, 38, 45, var(--border-opacity)) | ||
702 | } | ||
703 | .theme-dark .dark\:border-gray-800 { | ||
704 | --border-opacity: 1; | ||
705 | border-color: #1a1c23; | ||
706 | border-color: rgba(26, 28, 35, var(--border-opacity)) | ||
707 | } | ||
708 | .rounded { | ||
709 | border-radius: .25rem | ||
710 | } | ||
711 | .rounded-md { | ||
712 | border-radius: .375rem | ||
713 | } | ||
714 | .rounded-lg { | ||
715 | border-radius: .5rem | ||
716 | } | ||
717 | .rounded-full { | ||
718 | border-radius: 9999px | ||
719 | } | ||
720 | .rounded-r-md { | ||
721 | border-top-right-radius: .375rem; | ||
722 | border-bottom-right-radius: .375rem | ||
723 | } | ||
724 | .rounded-l-md { | ||
725 | border-top-left-radius: .375rem; | ||
726 | border-bottom-left-radius: .375rem | ||
727 | } | ||
728 | .rounded-t-lg { | ||
729 | border-top-left-radius: .5rem | ||
730 | } | ||
731 | .rounded-r-lg, .rounded-t-lg { | ||
732 | border-top-right-radius: .5rem | ||
733 | } | ||
734 | .rounded-r-lg { | ||
735 | border-bottom-right-radius: .5rem | ||
736 | } | ||
737 | .rounded-l-lg { | ||
738 | border-top-left-radius: .5rem; | ||
739 | border-bottom-left-radius: .5rem | ||
740 | } | ||
741 | .rounded-tr-lg { | ||
742 | border-top-right-radius: .5rem | ||
743 | } | ||
744 | .rounded-br-lg { | ||
745 | border-bottom-right-radius: .5rem | ||
746 | } | ||
747 | .border-0 { | ||
748 | border-width: 0 | ||
749 | } | ||
750 | .border-2 { | ||
751 | border-width: 2px | ||
752 | } | ||
753 | .border { | ||
754 | border-width: 1px | ||
755 | } | ||
756 | .border-r-0 { | ||
757 | border-right-width: 0 | ||
758 | } | ||
759 | .border-t { | ||
760 | border-top-width: 1px | ||
761 | } | ||
762 | .border-b { | ||
763 | border-bottom-width: 1px | ||
764 | } | ||
765 | .cursor-not-allowed { | ||
766 | cursor: not-allowed | ||
767 | } | ||
768 | .block { | ||
769 | display: block | ||
770 | } | ||
771 | .inline-block { | ||
772 | display: inline-block | ||
773 | } | ||
774 | .flex { | ||
775 | display: flex | ||
776 | } | ||
777 | .inline-flex { | ||
778 | display: inline-flex | ||
779 | } | ||
780 | .table { | ||
781 | display: table | ||
782 | } | ||
783 | .grid { | ||
784 | display: grid | ||
785 | } | ||
786 | .hidden { | ||
787 | display: none | ||
788 | } | ||
789 | .theme-dark .dark\:block { | ||
790 | display: block | ||
791 | } | ||
792 | .theme-dark .dark\:hidden { | ||
793 | display: none | ||
794 | } | ||
795 | .flex-col { | ||
796 | flex-direction: column | ||
797 | } | ||
798 | .flex-wrap { | ||
799 | flex-wrap: wrap | ||
800 | } | ||
801 | .items-end { | ||
802 | align-items: flex-end | ||
803 | } | ||
804 | .items-center { | ||
805 | align-items: center | ||
806 | } | ||
807 | .justify-end { | ||
808 | justify-content: flex-end | ||
809 | } | ||
810 | .justify-center { | ||
811 | justify-content: center | ||
812 | } | ||
813 | .justify-between { | ||
814 | justify-content: space-between | ||
815 | } | ||
816 | .flex-1 { | ||
817 | flex: 1 1 0% | ||
818 | } | ||
819 | .flex-shrink-0 { | ||
820 | flex-shrink: 0 | ||
821 | } | ||
822 | .font-medium { | ||
823 | font-weight: 500 | ||
824 | } | ||
825 | .font-semibold { | ||
826 | font-weight: 600 | ||
827 | } | ||
828 | .font-bold { | ||
829 | font-weight: 700 | ||
830 | } | ||
831 | .h-3 { | ||
832 | height: .75rem | ||
833 | } | ||
834 | .h-4 { | ||
835 | height: 1rem | ||
836 | } | ||
837 | .h-5 { | ||
838 | height: 1.25rem | ||
839 | } | ||
840 | .h-6 { | ||
841 | height: 1.5rem | ||
842 | } | ||
843 | .h-8 { | ||
844 | height: 2rem | ||
845 | } | ||
846 | .h-12 { | ||
847 | height: 3rem | ||
848 | } | ||
849 | .h-32 { | ||
850 | height: 8rem | ||
851 | } | ||
852 | .h-full { | ||
853 | height: 100% | ||
854 | } | ||
855 | .h-screen { | ||
856 | height: 100vh | ||
857 | } | ||
858 | .text-xs { | ||
859 | font-size: .75rem | ||
860 | } | ||
861 | .text-sm { | ||
862 | font-size: .875rem | ||
863 | } | ||
864 | .text-lg { | ||
865 | font-size: 1.125rem | ||
866 | } | ||
867 | .text-xl { | ||
868 | font-size: 1.25rem | ||
869 | } | ||
870 | .text-2xl { | ||
871 | font-size: 1.5rem | ||
872 | } | ||
873 | .text-6xl { | ||
874 | font-size: 4rem | ||
875 | } | ||
876 | .leading-5 { | ||
877 | line-height: 1.25rem | ||
878 | } | ||
879 | .leading-none { | ||
880 | line-height: 1 | ||
881 | } | ||
882 | .leading-tight { | ||
883 | line-height: 1.25 | ||
884 | } | ||
885 | .my-6 { | ||
886 | margin-top: 1.5rem; | ||
887 | margin-bottom: 1.5rem | ||
888 | } | ||
889 | .my-8 { | ||
890 | margin-top: 2rem; | ||
891 | margin-bottom: 2rem | ||
892 | } | ||
893 | .mx-auto { | ||
894 | margin-left: auto; | ||
895 | margin-right: auto | ||
896 | } | ||
897 | .-mx-6 { | ||
898 | margin-left: -1.5rem; | ||
899 | margin-right: -1.5rem | ||
900 | } | ||
901 | .mt-1 { | ||
902 | margin-top: .25rem | ||
903 | } | ||
904 | .mr-1 { | ||
905 | margin-right: .25rem | ||
906 | } | ||
907 | .mt-2 { | ||
908 | margin-top: .5rem | ||
909 | } | ||
910 | .mr-2 { | ||
911 | margin-right: .5rem | ||
912 | } | ||
913 | .mb-2 { | ||
914 | margin-bottom: .5rem | ||
915 | } | ||
916 | .ml-2 { | ||
917 | margin-left: .5rem | ||
918 | } | ||
919 | .mr-3 { | ||
920 | margin-right: .75rem | ||
921 | } | ||
922 | .ml-3 { | ||
923 | margin-left: .75rem | ||
924 | } | ||
925 | .mt-4 { | ||
926 | margin-top: 1rem | ||
927 | } | ||
928 | .mr-4 { | ||
929 | margin-right: 1rem | ||
930 | } | ||
931 | .mb-4 { | ||
932 | margin-bottom: 1rem | ||
933 | } | ||
934 | .ml-4 { | ||
935 | margin-left: 1rem | ||
936 | } | ||
937 | .mr-5 { | ||
938 | margin-right: 1.25rem | ||
939 | } | ||
940 | .mt-6 { | ||
941 | margin-top: 1.5rem | ||
942 | } | ||
943 | .mr-6 { | ||
944 | margin-right: 1.5rem | ||
945 | } | ||
946 | .mb-6 { | ||
947 | margin-bottom: 1.5rem | ||
948 | } | ||
949 | .ml-6 { | ||
950 | margin-left: 1.5rem | ||
951 | } | ||
952 | .mt-8 { | ||
953 | margin-top: 2rem | ||
954 | } | ||
955 | .mb-8 { | ||
956 | margin-bottom: 2rem | ||
957 | } | ||
958 | .mt-16 { | ||
959 | margin-top: 4rem | ||
960 | } | ||
961 | .-mr-1 { | ||
962 | margin-right: -.25rem | ||
963 | } | ||
964 | .-ml-1 { | ||
965 | margin-left: -.25rem | ||
966 | } | ||
967 | .-mb-4 { | ||
968 | margin-bottom: -1rem | ||
969 | } | ||
970 | .max-h-0 { | ||
971 | max-height: 0 | ||
972 | } | ||
973 | .max-h-xl { | ||
974 | max-height: 36rem | ||
975 | } | ||
976 | .max-w-xl { | ||
977 | /*max-width: 36rem*/ | ||
978 | } | ||
979 | .max-w-2xl { | ||
980 | max-width: 42rem | ||
981 | } | ||
982 | .max-w-4xl { | ||
983 | max-width: 56rem | ||
984 | } | ||
985 | .min-h-screen { | ||
986 | min-height: 100vh | ||
987 | } | ||
988 | .min-w-0 { | ||
989 | min-width: 0 | ||
990 | } | ||
991 | .object-cover { | ||
992 | -o-object-fit: cover; | ||
993 | object-fit: cover | ||
994 | } | ||
995 | .opacity-0 { | ||
996 | opacity: 0 | ||
997 | } | ||
998 | .opacity-25 { | ||
999 | opacity: .25 | ||
1000 | } | ||
1001 | .opacity-50 { | ||
1002 | opacity: .5 | ||
1003 | } | ||
1004 | .opacity-100 { | ||
1005 | opacity: 1 | ||
1006 | } | ||
1007 | .focus\:outline-none:focus { | ||
1008 | outline: 0 | ||
1009 | } | ||
1010 | .overflow-hidden { | ||
1011 | overflow: hidden | ||
1012 | } | ||
1013 | .overflow-x-auto { | ||
1014 | overflow-x: auto | ||
1015 | } | ||
1016 | .overflow-y-auto { | ||
1017 | overflow-y: auto | ||
1018 | } | ||
1019 | .p-1 { | ||
1020 | padding: .25rem | ||
1021 | } | ||
1022 | .p-2 { | ||
1023 | padding: .5rem | ||
1024 | } | ||
1025 | .p-3 { | ||
1026 | padding: .75rem | ||
1027 | } | ||
1028 | .p-4 { | ||
1029 | padding: 1rem | ||
1030 | } | ||
1031 | .p-6 { | ||
1032 | padding: 1.5rem | ||
1033 | } | ||
1034 | .py-1 { | ||
1035 | padding-top: .25rem; | ||
1036 | padding-bottom: .25rem | ||
1037 | } | ||
1038 | .py-2 { | ||
1039 | padding-top: .5rem; | ||
1040 | padding-bottom: .5rem | ||
1041 | } | ||
1042 | .px-2 { | ||
1043 | padding-left: .5rem; | ||
1044 | padding-right: .5rem | ||
1045 | } | ||
1046 | .py-3 { | ||
1047 | padding-top: .75rem; | ||
1048 | padding-bottom: .75rem | ||
1049 | } | ||
1050 | .px-3 { | ||
1051 | padding-left: .75rem; | ||
1052 | padding-right: .75rem | ||
1053 | } | ||
1054 | .py-4 { | ||
1055 | padding-top: 1rem; | ||
1056 | padding-bottom: 1rem | ||
1057 | } | ||
1058 | .px-4 { | ||
1059 | padding-left: 1rem; | ||
1060 | padding-right: 1rem | ||
1061 | } | ||
1062 | .px-5 { | ||
1063 | padding-left: 1.25rem; | ||
1064 | padding-right: 1.25rem | ||
1065 | } | ||
1066 | .px-6 { | ||
1067 | padding-left: 1.5rem; | ||
1068 | padding-right: 1.5rem | ||
1069 | } | ||
1070 | .px-10 { | ||
1071 | padding-left: 2.5rem; | ||
1072 | padding-right: 2.5rem | ||
1073 | } | ||
1074 | .pr-2 { | ||
1075 | padding-right: .5rem | ||
1076 | } | ||
1077 | .pl-2 { | ||
1078 | padding-left: .5rem | ||
1079 | } | ||
1080 | .pl-8 { | ||
1081 | padding-left: 2rem | ||
1082 | } | ||
1083 | .pr-10 { | ||
1084 | padding-right: 2.5rem | ||
1085 | } | ||
1086 | .pl-10 { | ||
1087 | padding-left: 2.5rem | ||
1088 | } | ||
1089 | .pb-16 { | ||
1090 | padding-bottom: 4rem | ||
1091 | } | ||
1092 | .pr-20 { | ||
1093 | padding-right: 5rem | ||
1094 | } | ||
1095 | .pl-20 { | ||
1096 | padding-left: 5rem | ||
1097 | } | ||
1098 | .placeholder-gray-600::-moz-placeholder { | ||
1099 | --placeholder-opacity: 1; | ||
1100 | color: #4c4f52; | ||
1101 | color: rgba(76, 79, 82, var(--placeholder-opacity)) | ||
1102 | } | ||
1103 | .placeholder-gray-600:-ms-input-placeholder { | ||
1104 | --placeholder-opacity: 1; | ||
1105 | color: #4c4f52; | ||
1106 | color: rgba(76, 79, 82, var(--placeholder-opacity)) | ||
1107 | } | ||
1108 | .placeholder-gray-600::-ms-input-placeholder { | ||
1109 | --placeholder-opacity: 1; | ||
1110 | color: #4c4f52; | ||
1111 | color: rgba(76, 79, 82, var(--placeholder-opacity)) | ||
1112 | } | ||
1113 | .placeholder-gray-600::placeholder { | ||
1114 | --placeholder-opacity: 1; | ||
1115 | color: #4c4f52; | ||
1116 | color: rgba(76, 79, 82, var(--placeholder-opacity)) | ||
1117 | } | ||
1118 | .focus\:placeholder-gray-500:focus::-moz-placeholder { | ||
1119 | --placeholder-opacity: 1; | ||
1120 | color: #707275; | ||
1121 | color: rgba(112, 114, 117, var(--placeholder-opacity)) | ||
1122 | } | ||
1123 | .focus\:placeholder-gray-500:focus:-ms-input-placeholder { | ||
1124 | --placeholder-opacity: 1; | ||
1125 | color: #707275; | ||
1126 | color: rgba(112, 114, 117, var(--placeholder-opacity)) | ||
1127 | } | ||
1128 | .focus\:placeholder-gray-500:focus::-ms-input-placeholder { | ||
1129 | --placeholder-opacity: 1; | ||
1130 | color: #707275; | ||
1131 | color: rgba(112, 114, 117, var(--placeholder-opacity)) | ||
1132 | } | ||
1133 | .focus\:placeholder-gray-500:focus::placeholder { | ||
1134 | --placeholder-opacity: 1; | ||
1135 | color: #707275; | ||
1136 | color: rgba(112, 114, 117, var(--placeholder-opacity)) | ||
1137 | } | ||
1138 | .theme-dark .dark\:placeholder-gray-500::-moz-placeholder { | ||
1139 | --placeholder-opacity: 1; | ||
1140 | color: #707275; | ||
1141 | color: rgba(112, 114, 117, var(--placeholder-opacity)) | ||
1142 | } | ||
1143 | .theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder { | ||
1144 | --placeholder-opacity: 1; | ||
1145 | color: #707275; | ||
1146 | color: rgba(112, 114, 117, var(--placeholder-opacity)) | ||
1147 | } | ||
1148 | .theme-dark .dark\:placeholder-gray-500::-ms-input-placeholder { | ||
1149 | --placeholder-opacity: 1; | ||
1150 | color: #707275; | ||
1151 | color: rgba(112, 114, 117, var(--placeholder-opacity)) | ||
1152 | } | ||
1153 | .theme-dark .dark\:placeholder-gray-500::placeholder { | ||
1154 | --placeholder-opacity: 1; | ||
1155 | color: #707275; | ||
1156 | color: rgba(112, 114, 117, var(--placeholder-opacity)) | ||
1157 | } | ||
1158 | .theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder { | ||
1159 | --placeholder-opacity: 1; | ||
1160 | color: #4c4f52; | ||
1161 | color: rgba(76, 79, 82, var(--placeholder-opacity)) | ||
1162 | } | ||
1163 | .theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder { | ||
1164 | --placeholder-opacity: 1; | ||
1165 | color: #4c4f52; | ||
1166 | color: rgba(76, 79, 82, var(--placeholder-opacity)) | ||
1167 | } | ||
1168 | .theme-dark .dark\:focus\:placeholder-gray-600:focus::-ms-input-placeholder { | ||
1169 | --placeholder-opacity: 1; | ||
1170 | color: #4c4f52; | ||
1171 | color: rgba(76, 79, 82, var(--placeholder-opacity)) | ||
1172 | } | ||
1173 | .theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder { | ||
1174 | --placeholder-opacity: 1; | ||
1175 | color: #4c4f52; | ||
1176 | color: rgba(76, 79, 82, var(--placeholder-opacity)) | ||
1177 | } | ||
1178 | .pointer-events-none { | ||
1179 | pointer-events: none | ||
1180 | } | ||
1181 | .fixed { | ||
1182 | position: fixed | ||
1183 | } | ||
1184 | .absolute { | ||
1185 | position: absolute | ||
1186 | } | ||
1187 | .relative { | ||
1188 | position: relative | ||
1189 | } | ||
1190 | .inset-0 { | ||
1191 | right: 0; | ||
1192 | left: 0 | ||
1193 | } | ||
1194 | .inset-0, .inset-y-0 { | ||
1195 | top: 0; | ||
1196 | bottom: 0 | ||
1197 | } | ||
1198 | .top-0 { | ||
1199 | top: 0 | ||
1200 | } | ||
1201 | .right-0 { | ||
1202 | right: 0 | ||
1203 | } | ||
1204 | .left-0 { | ||
1205 | left: 0 | ||
1206 | } | ||
1207 | .shadow-xs { | ||
1208 | box-shadow: 0 0 0 1px rgba(0, 0, 0, .05) | ||
1209 | } | ||
1210 | .shadow { | ||
1211 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) | ||
1212 | } | ||
1213 | .shadow-md { | ||
1214 | box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) | ||
1215 | } | ||
1216 | .shadow-xl { | ||
1217 | box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) | ||
1218 | } | ||
1219 | .shadow-inner { | ||
1220 | box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) | ||
1221 | } | ||
1222 | .fill-current { | ||
1223 | fill: currentColor | ||
1224 | } | ||
1225 | .text-left { | ||
1226 | text-align: left | ||
1227 | } | ||
1228 | .text-center { | ||
1229 | text-align: center | ||
1230 | } | ||
1231 | .text-white { | ||
1232 | --text-opacity: 1; | ||
1233 | color: #fff; | ||
1234 | color: rgba(255, 255, 255, var(--text-opacity)) | ||
1235 | } | ||
1236 | .text-black { | ||
1237 | --text-opacity: 1; | ||
1238 | color: #000; | ||
1239 | color: rgba(0, 0, 0, var(--text-opacity)) | ||
1240 | } | ||
1241 | .text-gray-400 { | ||
1242 | --text-opacity: 1; | ||
1243 | color: #9e9e9e; | ||
1244 | color: rgba(158, 158, 158, var(--text-opacity)) | ||
1245 | } | ||
1246 | .text-gray-500 { | ||
1247 | --text-opacity: 1; | ||
1248 | color: #707275; | ||
1249 | color: rgba(112, 114, 117, var(--text-opacity)) | ||
1250 | } | ||
1251 | .text-gray-600 { | ||
1252 | --text-opacity: 1; | ||
1253 | color: #4c4f52; | ||
1254 | color: rgba(76, 79, 82, var(--text-opacity)) | ||
1255 | } | ||
1256 | .text-gray-700 { | ||
1257 | --text-opacity: 1; | ||
1258 | color: #24262d; | ||
1259 | color: rgba(36, 38, 45, var(--text-opacity)) | ||
1260 | } | ||
1261 | .text-gray-800 { | ||
1262 | --text-opacity: 1; | ||
1263 | color: #1a1c23; | ||
1264 | color: rgba(26, 28, 35, var(--text-opacity)) | ||
1265 | } | ||
1266 | .text-red-600 { | ||
1267 | --text-opacity: 1; | ||
1268 | color: #e02424; | ||
1269 | color: rgba(224, 36, 36, var(--text-opacity)) | ||
1270 | } | ||
1271 | .text-red-700 { | ||
1272 | --text-opacity: 1; | ||
1273 | color: #c81e1e; | ||
1274 | color: rgba(200, 30, 30, var(--text-opacity)) | ||
1275 | } | ||
1276 | .text-orange-500 { | ||
1277 | --text-opacity: 1; | ||
1278 | color: #ff5a1f; | ||
1279 | color: rgba(255, 90, 31, var(--text-opacity)) | ||
1280 | } | ||
1281 | .text-orange-700 { | ||
1282 | --text-opacity: 1; | ||
1283 | color: #b43403; | ||
1284 | color: rgba(180, 52, 3, var(--text-opacity)) | ||
1285 | } | ||
1286 | .text-green-500 { | ||
1287 | --text-opacity: 1; | ||
1288 | color: #0e9f6e; | ||
1289 | color: rgba(14, 159, 110, var(--text-opacity)) | ||
1290 | } | ||
1291 | .text-green-600 { | ||
1292 | --text-opacity: 1; | ||
1293 | color: #057a55; | ||
1294 | color: rgba(5, 122, 85, var(--text-opacity)) | ||
1295 | } | ||
1296 | .text-green-700 { | ||
1297 | --text-opacity: 1; | ||
1298 | color: #046c4e; | ||
1299 | color: rgba(4, 108, 78, var(--text-opacity)) | ||
1300 | } | ||
1301 | .text-teal-500 { | ||
1302 | --text-opacity: 1; | ||
1303 | color: #0694a2; | ||
1304 | color: rgba(6, 148, 162, var(--text-opacity)) | ||
1305 | } | ||
1306 | .text-blue-500 { | ||
1307 | --text-opacity: 1; | ||
1308 | color: #3f83f8; | ||
1309 | color: rgba(63, 131, 248, var(--text-opacity)) | ||
1310 | } | ||
1311 | .text-purple-100 { | ||
1312 | --text-opacity: 1; | ||
1313 | color: #edebfe; | ||
1314 | color: rgba(237, 235, 254, var(--text-opacity)) | ||
1315 | } | ||
1316 | .text-purple-200 { | ||
1317 | --text-opacity: 1; | ||
1318 | color: #dcd7fe; | ||
1319 | color: rgba(220, 215, 254, var(--text-opacity)) | ||
1320 | } | ||
1321 | .text-purple-600 { | ||
1322 | --text-opacity: 1; | ||
1323 | color: #7e3af2; | ||
1324 | color: rgba(126, 58, 242, var(--text-opacity)) | ||
1325 | } | ||
1326 | .focus-within\:text-purple-500:focus-within { | ||
1327 | --text-opacity: 1; | ||
1328 | color: #9061f9; | ||
1329 | color: rgba(144, 97, 249, var(--text-opacity)) | ||
1330 | } | ||
1331 | .focus-within\:text-purple-600:focus-within { | ||
1332 | --text-opacity: 1; | ||
1333 | color: #7e3af2; | ||
1334 | color: rgba(126, 58, 242, var(--text-opacity)) | ||
1335 | } | ||
1336 | .hover\:text-gray-700:hover { | ||
1337 | --text-opacity: 1; | ||
1338 | color: #24262d; | ||
1339 | color: rgba(36, 38, 45, var(--text-opacity)) | ||
1340 | } | ||
1341 | .hover\:text-gray-800:hover { | ||
1342 | --text-opacity: 1; | ||
1343 | color: #1a1c23; | ||
1344 | color: rgba(26, 28, 35, var(--text-opacity)) | ||
1345 | } | ||
1346 | .active\:text-gray-500:active { | ||
1347 | --text-opacity: 1; | ||
1348 | color: #707275; | ||
1349 | color: rgba(112, 114, 117, var(--text-opacity)) | ||
1350 | } | ||
1351 | .theme-dark .dark\:text-white { | ||
1352 | --text-opacity: 1; | ||
1353 | color: #fff; | ||
1354 | color: rgba(255, 255, 255, var(--text-opacity)) | ||
1355 | } | ||
1356 | .theme-dark .dark\:text-gray-100 { | ||
1357 | --text-opacity: 1; | ||
1358 | color: #f4f5f7; | ||
1359 | color: rgba(244, 245, 247, var(--text-opacity)) | ||
1360 | } | ||
1361 | .theme-dark .dark\:text-gray-200 { | ||
1362 | --text-opacity: 1; | ||
1363 | color: #e5e7eb; | ||
1364 | color: rgba(229, 231, 235, var(--text-opacity)) | ||
1365 | } | ||
1366 | .theme-dark .dark\:text-gray-300 { | ||
1367 | --text-opacity: 1; | ||
1368 | color: #d5d6d7; | ||
1369 | color: rgba(213, 214, 215, var(--text-opacity)) | ||
1370 | } | ||
1371 | .theme-dark .dark\:text-gray-400 { | ||
1372 | --text-opacity: 1; | ||
1373 | color: #9e9e9e; | ||
1374 | color: rgba(158, 158, 158, var(--text-opacity)) | ||
1375 | } | ||
1376 | .theme-dark .dark\:text-red-100 { | ||
1377 | --text-opacity: 1; | ||
1378 | color: #fde8e8; | ||
1379 | color: rgba(253, 232, 232, var(--text-opacity)) | ||
1380 | } | ||
1381 | .theme-dark .dark\:text-red-400 { | ||
1382 | --text-opacity: 1; | ||
1383 | color: #f98080; | ||
1384 | color: rgba(249, 128, 128, var(--text-opacity)) | ||
1385 | } | ||
1386 | .theme-dark .dark\:text-orange-100 { | ||
1387 | --text-opacity: 1; | ||
1388 | color: #feecdc; | ||
1389 | color: rgba(254, 236, 220, var(--text-opacity)) | ||
1390 | } | ||
1391 | .theme-dark .dark\:text-green-100 { | ||
1392 | --text-opacity: 1; | ||
1393 | color: #def7ec; | ||
1394 | color: rgba(222, 247, 236, var(--text-opacity)) | ||
1395 | } | ||
1396 | .theme-dark .dark\:text-green-400 { | ||
1397 | --text-opacity: 1; | ||
1398 | color: #31c48d; | ||
1399 | color: rgba(49, 196, 141, var(--text-opacity)) | ||
1400 | } | ||
1401 | .theme-dark .dark\:text-teal-100 { | ||
1402 | --text-opacity: 1; | ||
1403 | color: #d5f5f6; | ||
1404 | color: rgba(213, 245, 246, var(--text-opacity)) | ||
1405 | } | ||
1406 | .theme-dark .dark\:text-blue-100 { | ||
1407 | --text-opacity: 1; | ||
1408 | color: #e1effe; | ||
1409 | color: rgba(225, 239, 254, var(--text-opacity)) | ||
1410 | } | ||
1411 | .theme-dark .dark\:text-purple-300 { | ||
1412 | --text-opacity: 1; | ||
1413 | color: #cabffd; | ||
1414 | color: rgba(202, 191, 253, var(--text-opacity)) | ||
1415 | } | ||
1416 | .theme-dark .dark\:text-purple-400 { | ||
1417 | --text-opacity: 1; | ||
1418 | color: #ac94fa; | ||
1419 | color: rgba(172, 148, 250, var(--text-opacity)) | ||
1420 | } | ||
1421 | .theme-dark .dark\:focus-within\:text-purple-400:focus-within { | ||
1422 | --text-opacity: 1; | ||
1423 | color: #ac94fa; | ||
1424 | color: rgba(172, 148, 250, var(--text-opacity)) | ||
1425 | } | ||
1426 | .theme-dark .dark\:hover\:text-gray-200:hover { | ||
1427 | --text-opacity: 1; | ||
1428 | color: #e5e7eb; | ||
1429 | color: rgba(229, 231, 235, var(--text-opacity)) | ||
1430 | } | ||
1431 | .uppercase { | ||
1432 | text-transform: uppercase | ||
1433 | } | ||
1434 | .hover\:underline:hover, .underline { | ||
1435 | text-decoration: underline | ||
1436 | } | ||
1437 | .tracking-wide { | ||
1438 | letter-spacing: .025em | ||
1439 | } | ||
1440 | .align-middle { | ||
1441 | vertical-align: middle | ||
1442 | } | ||
1443 | .whitespace-no-wrap { | ||
1444 | white-space: nowrap | ||
1445 | } | ||
1446 | .w-1 { | ||
1447 | width: .25rem | ||
1448 | } | ||
1449 | .w-3 { | ||
1450 | width: .75rem | ||
1451 | } | ||
1452 | .w-4 { | ||
1453 | width: 1rem | ||
1454 | } | ||
1455 | .w-5 { | ||
1456 | width: 1.25rem | ||
1457 | } | ||
1458 | .w-6 { | ||
1459 | width: 1.5rem | ||
1460 | } | ||
1461 | .w-8 { | ||
1462 | width: 2rem | ||
1463 | } | ||
1464 | .w-12 { | ||
1465 | width: 3rem | ||
1466 | } | ||
1467 | .w-56 { | ||
1468 | width: 14rem | ||
1469 | } | ||
1470 | .w-64 { | ||
1471 | width: 16rem | ||
1472 | } | ||
1473 | .w-full { | ||
1474 | width: 100% | ||
1475 | } | ||
1476 | .z-10 { | ||
1477 | z-index: 10 | ||
1478 | } | ||
1479 | .z-20 { | ||
1480 | z-index: 20 | ||
1481 | } | ||
1482 | .z-30 { | ||
1483 | z-index: 30 | ||
1484 | } | ||
1485 | .gap-6 { | ||
1486 | grid-gap: 1.5rem; | ||
1487 | gap: 1.5rem | ||
1488 | } | ||
1489 | .col-span-2 { | ||
1490 | grid-column: span 2/span 2 | ||
1491 | } | ||
1492 | .col-span-3 { | ||
1493 | grid-column: span 3/span 3 | ||
1494 | } | ||
1495 | .col-span-4 { | ||
1496 | grid-column: span 4/span 4 | ||
1497 | } | ||
1498 | .transform { | ||
1499 | --transform-translate-x: 0; | ||
1500 | --transform-translate-y: 0; | ||
1501 | --transform-rotate: 0; | ||
1502 | --transform-skew-x: 0; | ||
1503 | --transform-skew-y: 0; | ||
1504 | --transform-scale-x: 1; | ||
1505 | --transform-scale-y: 1; | ||
1506 | transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) | ||
1507 | } | ||
1508 | .translate-x-1 { | ||
1509 | --transform-translate-x: 0.25rem | ||
1510 | } | ||
1511 | .-translate-x-20 { | ||
1512 | --transform-translate-x: -5rem | ||
1513 | } | ||
1514 | .-translate-y-1 { | ||
1515 | --transform-translate-y: -0.25rem | ||
1516 | } | ||
1517 | .translate-y-1\/2 { | ||
1518 | --transform-translate-y: 50% | ||
1519 | } | ||
1520 | .transition-all { | ||
1521 | transition-property: all | ||
1522 | } | ||
1523 | .transition { | ||
1524 | transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform | ||
1525 | } | ||
1526 | .transition-colors { | ||
1527 | transition-property: background-color, border-color, color, fill, stroke | ||
1528 | } | ||
1529 | .ease-in { | ||
1530 | transition-timing-function: cubic-bezier(.4, 0, 1, 1) | ||
1531 | } | ||
1532 | .ease-out { | ||
1533 | transition-timing-function: cubic-bezier(0, 0, .2, 1) | ||
1534 | } | ||
1535 | .ease-in-out { | ||
1536 | transition-timing-function: cubic-bezier(.4, 0, .2, 1) | ||
1537 | } | ||
1538 | .duration-150 { | ||
1539 | transition-duration: .15s | ||
1540 | } | ||
1541 | .duration-300 { | ||
1542 | transition-duration: .3s | ||
1543 | } | ||
1544 | .focus\:shadow-outline-gray:focus { | ||
1545 | box-shadow: 0 0 0 3px rgba(213, 214, 215, .45) | ||
1546 | } | ||
1547 | .focus\:shadow-outline-red:focus { | ||
1548 | box-shadow: 0 0 0 3px rgba(248, 180, 180, .45) | ||
1549 | } | ||
1550 | .focus\:shadow-outline-green:focus { | ||
1551 | box-shadow: 0 0 0 3px rgba(132, 225, 188, .45) | ||
1552 | } | ||
1553 | .focus\:shadow-outline-purple:focus { | ||
1554 | box-shadow: 0 0 0 3px rgba(202, 191, 253, .45) | ||
1555 | } | ||
1556 | .theme-dark .dark\:focus\:shadow-outline-gray:focus { | ||
1557 | box-shadow: 0 0 0 3px rgba(213, 214, 215, .45) | ||
1558 | } | ||
1559 | @media (min-width:640px) { | ||
1560 | .sm\:space-y-0>:not(template)~:not(template) { | ||
1561 | --space-y-reverse: 0; | ||
1562 | margin-top: calc(0px*(1 - var(--space-y-reverse))); | ||
1563 | margin-bottom: calc(0px*var(--space-y-reverse)) | ||
1564 | } | ||
1565 | .sm\:space-x-6>:not(template)~:not(template) { | ||
1566 | --space-x-reverse: 0; | ||
1567 | margin-right: calc(1.5rem*var(--space-x-reverse)); | ||
1568 | margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) | ||
1569 | } | ||
1570 | .sm\:rounded-lg { | ||
1571 | border-radius: .5rem | ||
1572 | } | ||
1573 | .sm\:flex-row { | ||
1574 | flex-direction: row | ||
1575 | } | ||
1576 | .sm\:items-center { | ||
1577 | align-items: center | ||
1578 | } | ||
1579 | .sm\:justify-end { | ||
1580 | justify-content: flex-end | ||
1581 | } | ||
1582 | .sm\:justify-center { | ||
1583 | justify-content: center | ||
1584 | } | ||
1585 | .sm\:m-4 { | ||
1586 | margin: 1rem | ||
1587 | } | ||
1588 | .sm\:mt-auto { | ||
1589 | margin-top: auto | ||
1590 | } | ||
1591 | .sm\:max-w-xl { | ||
1592 | max-width: 36rem | ||
1593 | } | ||
1594 | .sm\:p-12 { | ||
1595 | padding: 3rem | ||
1596 | } | ||
1597 | .sm\:py-2 { | ||
1598 | padding-top: .5rem; | ||
1599 | padding-bottom: .5rem | ||
1600 | } | ||
1601 | .sm\:px-4 { | ||
1602 | padding-left: 1rem; | ||
1603 | padding-right: 1rem | ||
1604 | } | ||
1605 | .sm\:w-auto { | ||
1606 | width: auto | ||
1607 | } | ||
1608 | .sm\:grid-cols-9 { | ||
1609 | grid-template-columns: repeat(9, minmax(0, 1fr)) | ||
1610 | } | ||
1611 | } | ||
1612 | @media (min-width:768px) { | ||
1613 | .md\:space-x-4>:not(template)~:not(template) { | ||
1614 | --space-x-reverse: 0; | ||
1615 | margin-right: calc(1rem*var(--space-x-reverse)); | ||
1616 | margin-left: calc(1rem*(1 - var(--space-x-reverse))) | ||
1617 | } | ||
1618 | .md\:block { | ||
1619 | display: block | ||
1620 | } | ||
1621 | .md\:hidden { | ||
1622 | display: none | ||
1623 | } | ||
1624 | .md\:flex-row { | ||
1625 | flex-direction: row | ||
1626 | } | ||
1627 | .md\:items-end { | ||
1628 | align-items: flex-end | ||
1629 | } | ||
1630 | .md\:h-auto { | ||
1631 | height: auto | ||
1632 | } | ||
1633 | .md\:w-1\/2 { | ||
1634 | width: 50% | ||
1635 | } | ||
1636 | .md\:grid-cols-2 { | ||
1637 | grid-template-columns: repeat(2, minmax(0, 1fr)) | ||
1638 | } | ||
1639 | } | ||
1640 | @media (min-width:1024px) { | ||
1641 | .lg\:mr-32 { | ||
1642 | margin-right: 8rem | ||
1643 | } | ||
1644 | } | ||
1645 | @media (min-width:1280px) { | ||
1646 | .xl\:grid-cols-4 { | ||
1647 | grid-template-columns: repeat(4, minmax(0, 1fr)) | ||
1648 | } | ||
1649 | } | ||
1650 |
resources/views/layout/admin.blade.php
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> | 2 | <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> |
3 | <head> | 3 | <head> |
4 | <meta charset="UTF-8" /> | 4 | <meta charset="UTF-8" /> |
5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
6 | <title>{{$title}}</title> | 6 | <title>{{$title}}</title> |
7 | <link | 7 | <link |
8 | href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" | 8 | href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" |
9 | rel="stylesheet" | 9 | rel="stylesheet" |
10 | /> | 10 | /> |
11 | <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output.css')}}" /> | 11 | <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" /> |
12 | <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> | 12 | <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> |
13 | <script | 13 | <script |
14 | src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" | 14 | src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" |
15 | defer | 15 | defer |
16 | ></script> | 16 | ></script> |
17 | <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> | 17 | <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> |
18 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> | 18 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> |
19 | <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> | 19 | <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> |
20 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> | 20 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> |
21 | <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> | 21 | <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> |
22 | <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> | 22 | <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> |
23 | </head> | 23 | </head> |
24 | <body> | 24 | <body> |
25 | <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> | 25 | <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> |
26 | <!-- Desktop sidebar --> | 26 | <!-- Desktop sidebar --> |
27 | <aside | 27 | <aside |
28 | class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" | 28 | class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" |
29 | > | 29 | > |
30 | <div class="py-4 text-gray-500 dark:text-gray-400"> | 30 | <div class="py-4 text-gray-500 dark:text-gray-400"> |
31 | <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" | 31 | <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" |
32 | href="{{ route('admin.index') }}"> | 32 | href="{{ route('admin.index') }}"> |
33 | Админка | 33 | Админка |
34 | </a> | 34 | </a> |
35 | <ul class="mt-6"> | 35 | <ul class="mt-6"> |
36 | <li class="relative px-6 py-3"> | 36 | <li class="relative px-6 py-3"> |
37 | <span | 37 | <span |
38 | class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" | 38 | class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" |
39 | aria-hidden="true" | 39 | aria-hidden="true" |
40 | ></span> | 40 | ></span> |
41 | <!--class="inline-flex items-center w-full text-sm font-semibold text-gray-800 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 dark:text-gray-100" | 41 | <!--class="inline-flex items-center w-full text-sm font-semibold text-gray-800 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 dark:text-gray-100" |
42 | --> | 42 | --> |
43 | <a | 43 | <a |
44 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" | 44 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" |
45 | href="{{ route('admin.index') }}" | 45 | href="{{ route('admin.index') }}" |
46 | > | 46 | > |
47 | <svg | 47 | <svg |
48 | class="w-5 h-5" | 48 | class="w-5 h-5" |
49 | aria-hidden="true" | 49 | aria-hidden="true" |
50 | fill="none" | 50 | fill="none" |
51 | stroke-linecap="round" | 51 | stroke-linecap="round" |
52 | stroke-linejoin="round" | 52 | stroke-linejoin="round" |
53 | stroke-width="2" | 53 | stroke-width="2" |
54 | viewBox="0 0 24 24" | 54 | viewBox="0 0 24 24" |
55 | stroke="currentColor" | 55 | stroke="currentColor" |
56 | > | 56 | > |
57 | <path | 57 | <path |
58 | d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" | 58 | d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" |
59 | ></path> | 59 | ></path> |
60 | </svg> | 60 | </svg> |
61 | <span class="ml-4">Главная страница</span> | 61 | <span class="ml-4">Главная страница</span> |
62 | </a> | 62 | </a> |
63 | </li> | 63 | </li> |
64 | </ul> | 64 | </ul> |
65 | <ul> | 65 | <ul> |
66 | @if ($UserId == 1) | 66 | @if ($UserId == 1) |
67 | <li class="relative px-6 py-3"> | 67 | <li class="relative px-6 py-3"> |
68 | <a | 68 | <a |
69 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" | 69 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" |
70 | href="{{ route('admin.users') }}" | 70 | href="{{ route('admin.users') }}" |
71 | > | 71 | > |
72 | <svg | 72 | <svg |
73 | class="w-5 h-5" | 73 | class="w-5 h-5" |
74 | aria-hidden="true" | 74 | aria-hidden="true" |
75 | fill="none" | 75 | fill="none" |
76 | stroke-linecap="round" | 76 | stroke-linecap="round" |
77 | stroke-linejoin="round" | 77 | stroke-linejoin="round" |
78 | stroke-width="2" | 78 | stroke-width="2" |
79 | viewBox="0 0 24 24" | 79 | viewBox="0 0 24 24" |
80 | stroke="currentColor" | 80 | stroke="currentColor" |
81 | > | 81 | > |
82 | <path | 82 | <path |
83 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" | 83 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" |
84 | ></path> | 84 | ></path> |
85 | </svg> | 85 | </svg> |
86 | <span class="ml-4">Пользователи</span> | 86 | <span class="ml-4">Пользователи</span> |
87 | </a> | 87 | </a> |
88 | </li> | 88 | </li> |
89 | @endif | 89 | @endif |
90 | <li class="relative px-6 py-3"> | 90 | <li class="relative px-6 py-3"> |
91 | <a | 91 | <a |
92 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" | 92 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" |
93 | > | 93 | > |
94 | <svg | 94 | <svg |
95 | class="w-5 h-5" | 95 | class="w-5 h-5" |
96 | aria-hidden="true" | 96 | aria-hidden="true" |
97 | fill="none" | 97 | fill="none" |
98 | stroke-linecap="round" | 98 | stroke-linecap="round" |
99 | stroke-linejoin="round" | 99 | stroke-linejoin="round" |
100 | stroke-width="2" | 100 | stroke-width="2" |
101 | viewBox="0 0 24 24" | 101 | viewBox="0 0 24 24" |
102 | stroke="currentColor" | 102 | stroke="currentColor" |
103 | > | 103 | > |
104 | <path | 104 | <path |
105 | d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" | 105 | d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" |
106 | ></path> | 106 | ></path> |
107 | </svg> | 107 | </svg> |
108 | <span class="ml-4">Администраторы</span> | 108 | <span class="ml-4">Администраторы</span> |
109 | </a> | 109 | </a> |
110 | </li> | 110 | </li> |
111 | <li class="relative px-6 py-3"> | 111 | <li class="relative px-6 py-3"> |
112 | <a | 112 | <a |
113 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" | 113 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" |
114 | > | 114 | > |
115 | <svg | 115 | <svg |
116 | class="w-5 h-5" | 116 | class="w-5 h-5" |
117 | aria-hidden="true" | 117 | aria-hidden="true" |
118 | fill="none" | 118 | fill="none" |
119 | stroke-linecap="round" | 119 | stroke-linecap="round" |
120 | stroke-linejoin="round" | 120 | stroke-linejoin="round" |
121 | stroke-width="2" | 121 | stroke-width="2" |
122 | viewBox="0 0 24 24" | 122 | viewBox="0 0 24 24" |
123 | stroke="currentColor" | 123 | stroke="currentColor" |
124 | > | 124 | > |
125 | <path | 125 | <path |
126 | d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" | 126 | d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" |
127 | ></path> | 127 | ></path> |
128 | </svg> | 128 | </svg> |
129 | <span class="ml-4">Работодатели</span> | 129 | <span class="ml-4">Работодатели</span> |
130 | </a> | 130 | </a> |
131 | </li> | 131 | </li> |
132 | <li class="relative px-6 py-3"> | 132 | <li class="relative px-6 py-3"> |
133 | <a | 133 | <a |
134 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" | 134 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" |
135 | > | 135 | > |
136 | <svg | 136 | <svg |
137 | class="w-5 h-5" | 137 | class="w-5 h-5" |
138 | aria-hidden="true" | 138 | aria-hidden="true" |
139 | fill="none" | 139 | fill="none" |
140 | stroke-linecap="round" | 140 | stroke-linecap="round" |
141 | stroke-linejoin="round" | 141 | stroke-linejoin="round" |
142 | stroke-width="2" | 142 | stroke-width="2" |
143 | viewBox="0 0 24 24" | 143 | viewBox="0 0 24 24" |
144 | stroke="currentColor" | 144 | stroke="currentColor" |
145 | > | 145 | > |
146 | <path | 146 | <path |
147 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" | 147 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" |
148 | ></path> | 148 | ></path> |
149 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> | 149 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> |
150 | </svg> | 150 | </svg> |
151 | <span class="ml-4">Соискатели</span> | 151 | <span class="ml-4">Соискатели</span> |
152 | </a> | 152 | </a> |
153 | </li> | 153 | </li> |
154 | <li class="relative px-6 py-3"> | 154 | <li class="relative px-6 py-3"> |
155 | <a | 155 | <a |
156 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" | 156 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" |
157 | > | 157 | > |
158 | <svg | 158 | <svg |
159 | class="w-5 h-5" | 159 | class="w-5 h-5" |
160 | aria-hidden="true" | 160 | aria-hidden="true" |
161 | fill="none" | 161 | fill="none" |
162 | stroke-linecap="round" | 162 | stroke-linecap="round" |
163 | stroke-linejoin="round" | 163 | stroke-linejoin="round" |
164 | stroke-width="2" | 164 | stroke-width="2" |
165 | viewBox="0 0 24 24" | 165 | viewBox="0 0 24 24" |
166 | stroke="currentColor" | 166 | stroke="currentColor" |
167 | > | 167 | > |
168 | <path | 168 | <path |
169 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" | 169 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" |
170 | ></path> | 170 | ></path> |
171 | </svg> | 171 | </svg> |
172 | <span class="ml-4">Вакансии</span> | 172 | <span class="ml-4">Вакансии</span> |
173 | </a> | 173 | </a> |
174 | </li> | 174 | </li> |
175 | 175 | ||
176 | <li class="relative px-6 py-3"> | 176 | <li class="relative px-6 py-3"> |
177 | <a | 177 | <a |
178 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" | 178 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" |
179 | > | 179 | > |
180 | <svg | 180 | <svg |
181 | class="w-5 h-5" | 181 | class="w-5 h-5" |
182 | aria-hidden="true" | 182 | aria-hidden="true" |
183 | fill="none" | 183 | fill="none" |
184 | stroke-linecap="round" | 184 | stroke-linecap="round" |
185 | stroke-linejoin="round" | 185 | stroke-linejoin="round" |
186 | stroke-width="2" | 186 | stroke-width="2" |
187 | viewBox="0 0 24 24" | 187 | viewBox="0 0 24 24" |
188 | stroke="currentColor" | 188 | stroke="currentColor" |
189 | > | 189 | > |
190 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 190 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
191 | </svg> | 191 | </svg> |
192 | <span class="ml-4">Сообщения все</span> | 192 | <span class="ml-4">Сообщения все</span> |
193 | </a> | 193 | </a> |
194 | </li> | 194 | </li> |
195 | 195 | ||
196 | <li class="relative px-6 py-3"> | 196 | <li class="relative px-6 py-3"> |
197 | <a | 197 | <a |
198 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" | 198 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" |
199 | > | 199 | > |
200 | <svg | 200 | <svg |
201 | class="w-5 h-5" | 201 | class="w-5 h-5" |
202 | aria-hidden="true" | 202 | aria-hidden="true" |
203 | fill="none" | 203 | fill="none" |
204 | stroke-linecap="round" | 204 | stroke-linecap="round" |
205 | stroke-linejoin="round" | 205 | stroke-linejoin="round" |
206 | stroke-width="2" | 206 | stroke-width="2" |
207 | viewBox="0 0 24 24" | 207 | viewBox="0 0 24 24" |
208 | stroke="currentColor" | 208 | stroke="currentColor" |
209 | > | 209 | > |
210 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 210 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
211 | </svg> | 211 | </svg> |
212 | <span class="ml-4">Заявки на рассылку</span> | 212 | <span class="ml-4">Заявки на рассылку</span> |
213 | </a> | 213 | </a> |
214 | </li> | 214 | </li> |
215 | 215 | ||
216 | <li class="relative px-6 py-3"> | 216 | <li class="relative px-6 py-3"> |
217 | <a | 217 | <a |
218 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}" | 218 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}" |
219 | > | 219 | > |
220 | <svg | 220 | <svg |
221 | class="w-5 h-5" | 221 | class="w-5 h-5" |
222 | aria-hidden="true" | 222 | aria-hidden="true" |
223 | fill="none" | 223 | fill="none" |
224 | stroke-linecap="round" | 224 | stroke-linecap="round" |
225 | stroke-linejoin="round" | 225 | stroke-linejoin="round" |
226 | stroke-width="2" | 226 | stroke-width="2" |
227 | viewBox="0 0 24 24" | 227 | viewBox="0 0 24 24" |
228 | stroke="currentColor" | 228 | stroke="currentColor" |
229 | > | 229 | > |
230 | <path | 230 | <path |
231 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" | 231 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" |
232 | ></path> | 232 | ></path> |
233 | </svg> | 233 | </svg> |
234 | <span class="ml-4">Группы пользователей</span> | 234 | <span class="ml-4">Группы пользователей</span> |
235 | </a> | 235 | </a> |
236 | </li> | 236 | </li> |
237 | 237 | ||
238 | <li class="relative px-6 py-3"> | 238 | <li class="relative px-6 py-3"> |
239 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> | 239 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> |
240 | <svg | 240 | <svg |
241 | class="w-5 h-5" | 241 | class="w-5 h-5" |
242 | aria-hidden="true" | 242 | aria-hidden="true" |
243 | fill="none" | 243 | fill="none" |
244 | stroke-linecap="round" | 244 | stroke-linecap="round" |
245 | stroke-linejoin="round" | 245 | stroke-linejoin="round" |
246 | stroke-width="2" | 246 | stroke-width="2" |
247 | viewBox="0 0 24 24" | 247 | viewBox="0 0 24 24" |
248 | stroke="currentColor" | 248 | stroke="currentColor" |
249 | > | 249 | > |
250 | <path | 250 | <path |
251 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" | 251 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" |
252 | ></path> | 252 | ></path> |
253 | </svg> | 253 | </svg> |
254 | <span class="ml-4">Медиа</span> | 254 | <span class="ml-4">Медиа</span> |
255 | </a> | 255 | </a> |
256 | </li> | 256 | </li> |
257 | 257 | ||
258 | @if ($UserId == 1) | 258 | @if ($UserId == 1) |
259 | <li class="relative px-6 py-3"> | 259 | <li class="relative px-6 py-3"> |
260 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> | 260 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> |
261 | <svg | 261 | <svg |
262 | class="w-5 h-5" | 262 | class="w-5 h-5" |
263 | aria-hidden="true" | 263 | aria-hidden="true" |
264 | fill="none" | 264 | fill="none" |
265 | stroke-linecap="round" | 265 | stroke-linecap="round" |
266 | stroke-linejoin="round" | 266 | stroke-linejoin="round" |
267 | stroke-width="2" | 267 | stroke-width="2" |
268 | viewBox="0 0 24 24" | 268 | viewBox="0 0 24 24" |
269 | stroke="currentColor" | 269 | stroke="currentColor" |
270 | > | 270 | > |
271 | <path | 271 | <path |
272 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" | 272 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" |
273 | ></path> | 273 | ></path> |
274 | </svg> | 274 | </svg> |
275 | <span class="ml-4">Роли пользователей</span> | 275 | <span class="ml-4">Роли пользователей</span> |
276 | </a> | 276 | </a> |
277 | </li> | 277 | </li> |
278 | @endif | 278 | @endif |
279 | <li class="relative px-6 py-3"> | 279 | <li class="relative px-6 py-3"> |
280 | <a | 280 | <a |
281 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" | 281 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" |
282 | > | 282 | > |
283 | <svg | 283 | <svg |
284 | class="w-5 h-5" | 284 | class="w-5 h-5" |
285 | aria-hidden="true" | 285 | aria-hidden="true" |
286 | fill="none" | 286 | fill="none" |
287 | stroke-linecap="round" | 287 | stroke-linecap="round" |
288 | stroke-linejoin="round" | 288 | stroke-linejoin="round" |
289 | stroke-width="2" | 289 | stroke-width="2" |
290 | viewBox="0 0 24 24" | 290 | viewBox="0 0 24 24" |
291 | stroke="currentColor" | 291 | stroke="currentColor" |
292 | > | 292 | > |
293 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 293 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
294 | </svg> | 294 | </svg> |
295 | <span class="ml-4">Базы данных</span> | 295 | <span class="ml-4">Базы данных</span> |
296 | </a> | 296 | </a> |
297 | </li> | 297 | </li> |
298 | 298 | ||
299 | <li class="relative px-6 py-3"> | 299 | <li class="relative px-6 py-3"> |
300 | <a | 300 | <a |
301 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" | 301 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" |
302 | > | 302 | > |
303 | <svg | 303 | <svg |
304 | class="w-5 h-5" | 304 | class="w-5 h-5" |
305 | aria-hidden="true" | 305 | aria-hidden="true" |
306 | fill="none" | 306 | fill="none" |
307 | stroke-linecap="round" | 307 | stroke-linecap="round" |
308 | stroke-linejoin="round" | 308 | stroke-linejoin="round" |
309 | stroke-width="2" | 309 | stroke-width="2" |
310 | viewBox="0 0 24 24" | 310 | viewBox="0 0 24 24" |
311 | stroke="currentColor" | 311 | stroke="currentColor" |
312 | > | 312 | > |
313 | <path | 313 | <path |
314 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" | 314 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" |
315 | ></path> | 315 | ></path> |
316 | </svg> | 316 | </svg> |
317 | <span class="ml-4">Учебн.заведения</span> | 317 | <span class="ml-4">Учебн.заведения</span> |
318 | </a> | 318 | </a> |
319 | </li> | 319 | </li> |
320 | 320 | ||
321 | <li class="relative px-6 py-3"> | 321 | <li class="relative px-6 py-3"> |
322 | <a | 322 | <a |
323 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" | 323 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" |
324 | > | 324 | > |
325 | <svg | 325 | <svg |
326 | class="w-5 h-5" | 326 | class="w-5 h-5" |
327 | aria-hidden="true" | 327 | aria-hidden="true" |
328 | fill="none" | 328 | fill="none" |
329 | stroke-linecap="round" | 329 | stroke-linecap="round" |
330 | stroke-linejoin="round" | 330 | stroke-linejoin="round" |
331 | stroke-width="2" | 331 | stroke-width="2" |
332 | viewBox="0 0 24 24" | 332 | viewBox="0 0 24 24" |
333 | stroke="currentColor" | 333 | stroke="currentColor" |
334 | > | 334 | > |
335 | <path | 335 | <path |
336 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" | 336 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" |
337 | ></path> | 337 | ></path> |
338 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> | 338 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> |
339 | </svg> | 339 | </svg> |
340 | <span class="ml-4">Статистика</span> | 340 | <span class="ml-4">Статистика</span> |
341 | </a> | 341 | </a> |
342 | </li> | 342 | </li> |
343 | <li class="relative px-6 py-3"> | 343 | <li class="relative px-6 py-3"> |
344 | <a | 344 | <a |
345 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}" | 345 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}" |
346 | > | 346 | > |
347 | <svg | 347 | <svg |
348 | class="w-5 h-5" | 348 | class="w-5 h-5" |
349 | aria-hidden="true" | 349 | aria-hidden="true" |
350 | fill="none" | 350 | fill="none" |
351 | stroke-linecap="round" | 351 | stroke-linecap="round" |
352 | stroke-linejoin="round" | 352 | stroke-linejoin="round" |
353 | stroke-width="2" | 353 | stroke-width="2" |
354 | viewBox="0 0 24 24" | 354 | viewBox="0 0 24 24" |
355 | stroke="currentColor" | 355 | stroke="currentColor" |
356 | > | 356 | > |
357 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 357 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
358 | </svg> | 358 | </svg> |
359 | <span class="ml-4">Модерация</span> | 359 | <span class="ml-4">Модерация</span> |
360 | </a> | 360 | </a> |
361 | </li> | 361 | </li> |
362 | <li class="relative px-6 py-3"> | 362 | <li class="relative px-6 py-3"> |
363 | <a | 363 | <a |
364 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" | 364 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" |
365 | > | 365 | > |
366 | <svg | 366 | <svg |
367 | class="w-5 h-5" | 367 | class="w-5 h-5" |
368 | aria-hidden="true" | 368 | aria-hidden="true" |
369 | fill="none" | 369 | fill="none" |
370 | stroke-linecap="round" | 370 | stroke-linecap="round" |
371 | stroke-linejoin="round" | 371 | stroke-linejoin="round" |
372 | stroke-width="2" | 372 | stroke-width="2" |
373 | viewBox="0 0 24 24" | 373 | viewBox="0 0 24 24" |
374 | stroke="currentColor" | 374 | stroke="currentColor" |
375 | > | 375 | > |
376 | <path | 376 | <path |
377 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" | 377 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" |
378 | ></path> | 378 | ></path> |
379 | </svg> | 379 | </svg> |
380 | <span class="ml-4">Реклама</span> | 380 | <span class="ml-4">Реклама</span> |
381 | </a> | 381 | </a> |
382 | </li> | 382 | </li> |
383 | <!-- Справочники --> | 383 | <!-- Справочники --> |
384 | <li class="relative px-6 py-3" x-data="{ open1: false }"> | 384 | <li class="relative px-6 py-3" x-data="{ open1: false }"> |
385 | <button | 385 | <button |
386 | class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 386 | class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" |
387 | @click="open1=!open1" | 387 | @click="open1=!open1" |
388 | aria-haspopup="true"> | 388 | aria-haspopup="true"> |
389 | <span class="inline-flex items-center"> | 389 | <span class="inline-flex items-center"> |
390 | <svg | 390 | <svg |
391 | class="w-5 h-5" | 391 | class="w-5 h-5" |
392 | aria-hidden="true" | 392 | aria-hidden="true" |
393 | fill="none" | 393 | fill="none" |
394 | stroke-linecap="round" | 394 | stroke-linecap="round" |
395 | stroke-linejoin="round" | 395 | stroke-linejoin="round" |
396 | stroke-width="2" | 396 | stroke-width="2" |
397 | viewBox="0 0 24 24" | 397 | viewBox="0 0 24 24" |
398 | stroke="currentColor"> | 398 | stroke="currentColor"> |
399 | <path | 399 | <path |
400 | d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" | 400 | d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" |
401 | ></path> | 401 | ></path> |
402 | </svg> | 402 | </svg> |
403 | <span class="ml-4">Справочники</span> | 403 | <span class="ml-4">Справочники</span> |
404 | </span> | 404 | </span> |
405 | <svg | 405 | <svg |
406 | class="w-4 h-4" | 406 | class="w-4 h-4" |
407 | aria-hidden="true" | 407 | aria-hidden="true" |
408 | fill="currentColor" | 408 | fill="currentColor" |
409 | viewBox="0 0 20 20" | 409 | viewBox="0 0 20 20" |
410 | > | 410 | > |
411 | <path | 411 | <path |
412 | fill-rule="evenodd" | 412 | fill-rule="evenodd" |
413 | d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" | 413 | d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" |
414 | clip-rule="evenodd" | 414 | clip-rule="evenodd" |
415 | ></path> | 415 | ></path> |
416 | </svg> | 416 | </svg> |
417 | </button> | 417 | </button> |
418 | <template x-if="open1"> | 418 | <template x-if="open1"> |
419 | <ul | 419 | <ul |
420 | x-transition:enter="transition-all ease-in-out duration-300" | 420 | x-transition:enter="transition-all ease-in-out duration-300" |
421 | x-transition:enter-start="opacity-25 max-h-0" | 421 | x-transition:enter-start="opacity-25 max-h-0" |
422 | x-transition:enter-end="opacity-100 max-h-xl" | 422 | x-transition:enter-end="opacity-100 max-h-xl" |
423 | x-transition:leave="transition-all ease-in-out duration-300" | 423 | x-transition:leave="transition-all ease-in-out duration-300" |
424 | x-transition:leave-start="opacity-100 max-h-xl" | 424 | x-transition:leave-start="opacity-100 max-h-xl" |
425 | x-transition:leave-end="opacity-0 max-h-0" | 425 | x-transition:leave-end="opacity-0 max-h-0" |
426 | class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" | 426 | class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" |
427 | aria-label="submenu" | 427 | aria-label="submenu" |
428 | > | 428 | > |
429 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> | 429 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> |
430 | <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> | 430 | <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> |
431 | </li> | 431 | </li> |
432 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> | 432 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> |
433 | <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> | 433 | <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> |
434 | </li> | 434 | </li> |
435 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> | 435 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> |
436 | <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> | 436 | <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> |
437 | </li> | 437 | </li> |
438 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> | 438 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> |
439 | <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> | 439 | <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> |
440 | </li> | 440 | </li> |
441 | 441 | ||
442 | </ul> | 442 | </ul> |
443 | </template> | 443 | </template> |
444 | </li> | 444 | </li> |
445 | 445 | ||
446 | 446 | ||
447 | <!-- Редактор --> | 447 | <!-- Редактор --> |
448 | <li class="relative px-6 py-3"> | 448 | <li class="relative px-6 py-3"> |
449 | <button | 449 | <button |
450 | class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 450 | class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" |
451 | @click="togglePagesMenu" | 451 | @click="togglePagesMenu" |
452 | aria-haspopup="true"> | 452 | aria-haspopup="true"> |
453 | <span class="inline-flex items-center"> | 453 | <span class="inline-flex items-center"> |
454 | <svg | 454 | <svg |
455 | class="w-5 h-5" | 455 | class="w-5 h-5" |
456 | aria-hidden="true" | 456 | aria-hidden="true" |
457 | fill="none" | 457 | fill="none" |
458 | stroke-linecap="round" | 458 | stroke-linecap="round" |
459 | stroke-linejoin="round" | 459 | stroke-linejoin="round" |
460 | stroke-width="2" | 460 | stroke-width="2" |
461 | viewBox="0 0 24 24" | 461 | viewBox="0 0 24 24" |
462 | stroke="currentColor"> | 462 | stroke="currentColor"> |
463 | <path | 463 | <path |
464 | d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" | 464 | d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" |
465 | ></path> | 465 | ></path> |
466 | </svg> | 466 | </svg> |
467 | <span class="ml-4">Редактор</span> | 467 | <span class="ml-4">Редактор</span> |
468 | </span> | 468 | </span> |
469 | <svg | 469 | <svg |
470 | class="w-4 h-4" | 470 | class="w-4 h-4" |
471 | aria-hidden="true" | 471 | aria-hidden="true" |
472 | fill="currentColor" | 472 | fill="currentColor" |
473 | viewBox="0 0 20 20" | 473 | viewBox="0 0 20 20" |
474 | > | 474 | > |
475 | <path | 475 | <path |
476 | fill-rule="evenodd" | 476 | fill-rule="evenodd" |
477 | d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" | 477 | d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" |
478 | clip-rule="evenodd" | 478 | clip-rule="evenodd" |
479 | ></path> | 479 | ></path> |
480 | </svg> | 480 | </svg> |
481 | </button> | 481 | </button> |
482 | <template x-if="isPagesMenuOpen"> | 482 | <template x-if="isPagesMenuOpen"> |
483 | <ul | 483 | <ul |
484 | x-transition:enter="transition-all ease-in-out duration-300" | 484 | x-transition:enter="transition-all ease-in-out duration-300" |
485 | x-transition:enter-start="opacity-25 max-h-0" | 485 | x-transition:enter-start="opacity-25 max-h-0" |
486 | x-transition:enter-end="opacity-100 max-h-xl" | 486 | x-transition:enter-end="opacity-100 max-h-xl" |
487 | x-transition:leave="transition-all ease-in-out duration-300" | 487 | x-transition:leave="transition-all ease-in-out duration-300" |
488 | x-transition:leave-start="opacity-100 max-h-xl" | 488 | x-transition:leave-start="opacity-100 max-h-xl" |
489 | x-transition:leave-end="opacity-0 max-h-0" | 489 | x-transition:leave-end="opacity-0 max-h-0" |
490 | class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" | 490 | class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" |
491 | aria-label="submenu" | 491 | aria-label="submenu" |
492 | > | 492 | > |
493 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> | 493 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> |
494 | <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> | 494 | <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> |
495 | </li> | 495 | </li> |
496 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> | 496 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> |
497 | <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> | 497 | <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> |
498 | </li> | 498 | </li> |
499 | 499 | ||
500 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> | 500 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> |
501 | <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> | 501 | <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> |
502 | </li> | 502 | </li> |
503 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> | 503 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> |
504 | <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> | 504 | <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> |
505 | </li> | 505 | </li> |
506 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> | 506 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> |
507 | <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> | 507 | <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> |
508 | </li> | 508 | </li> |
509 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> | 509 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> |
510 | <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> | 510 | <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> |
511 | </li> | 511 | </li> |
512 | </ul> | 512 | </ul> |
513 | </template> | 513 | </template> |
514 | </li> | 514 | </li> |
515 | 515 | ||
516 | </ul> | 516 | </ul> |
517 | <!--<div class="px-6 my-6"> | 517 | <!--<div class="px-6 my-6"> |
518 | <button | 518 | <button |
519 | class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" | 519 | class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" |
520 | > | 520 | > |
521 | Create account | 521 | Create account |
522 | <span class="ml-2" aria-hidden="true">+</span> | 522 | <span class="ml-2" aria-hidden="true">+</span> |
523 | </button> | 523 | </button> |
524 | </div>--> | 524 | </div>--> |
525 | </div> | 525 | </div> |
526 | </aside> | 526 | </aside> |
527 | <!-- Mobile sidebar --> | 527 | <!-- Mobile sidebar --> |
528 | <!-- Backdrop --> | 528 | <!-- Backdrop --> |
529 | <div | 529 | <div |
530 | x-show="isSideMenuOpen" | 530 | x-show="isSideMenuOpen" |
531 | x-transition:enter="transition ease-in-out duration-150" | 531 | x-transition:enter="transition ease-in-out duration-150" |
532 | x-transition:enter-start="opacity-0" | 532 | x-transition:enter-start="opacity-0" |
533 | x-transition:enter-end="opacity-100" | 533 | x-transition:enter-end="opacity-100" |
534 | x-transition:leave="transition ease-in-out duration-150" | 534 | x-transition:leave="transition ease-in-out duration-150" |
535 | x-transition:leave-start="opacity-100" | 535 | x-transition:leave-start="opacity-100" |
536 | x-transition:leave-end="opacity-0" | 536 | x-transition:leave-end="opacity-0" |
537 | class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" | 537 | class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" |
538 | ></div> | 538 | ></div> |
539 | <aside | 539 | <aside |
540 | class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden" | 540 | class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden" |
541 | x-show="isSideMenuOpen" | 541 | x-show="isSideMenuOpen" |
542 | x-transition:enter="transition ease-in-out duration-150" | 542 | x-transition:enter="transition ease-in-out duration-150" |
543 | x-transition:enter-start="opacity-0 transform -translate-x-20" | 543 | x-transition:enter-start="opacity-0 transform -translate-x-20" |
544 | x-transition:enter-end="opacity-100" | 544 | x-transition:enter-end="opacity-100" |
545 | x-transition:leave="transition ease-in-out duration-150" | 545 | x-transition:leave="transition ease-in-out duration-150" |
546 | x-transition:leave-start="opacity-100" | 546 | x-transition:leave-start="opacity-100" |
547 | x-transition:leave-end="opacity-0 transform -translate-x-20" | 547 | x-transition:leave-end="opacity-0 transform -translate-x-20" |
548 | @click.away="closeSideMenu" | 548 | @click.away="closeSideMenu" |
549 | @keydown.escape="closeSideMenu" | 549 | @keydown.escape="closeSideMenu" |
550 | > | 550 | > |
551 | <div class="py-4 text-gray-500 dark:text-gray-400"> | 551 | <div class="py-4 text-gray-500 dark:text-gray-400"> |
552 | <a | 552 | <a |
553 | class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" | 553 | class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" |
554 | href="{{ route('admin.index') }}" | 554 | href="{{ route('admin.index') }}" |
555 | > | 555 | > |
556 | Админка | 556 | Админка |
557 | </a> | 557 | </a> |
558 | <ul class="mt-6"> | 558 | <ul class="mt-6"> |
559 | <li class="relative px-6 py-3"> | 559 | <li class="relative px-6 py-3"> |
560 | <span | 560 | <span |
561 | class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" | 561 | class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" |
562 | aria-hidden="true" | 562 | aria-hidden="true" |
563 | ></span> | 563 | ></span> |
564 | <a | 564 | <a |
565 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}" | 565 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}" |
566 | > | 566 | > |
567 | <svg | 567 | <svg |
568 | class="w-5 h-5" | 568 | class="w-5 h-5" |
569 | aria-hidden="true" | 569 | aria-hidden="true" |
570 | fill="none" | 570 | fill="none" |
571 | stroke-linecap="round" | 571 | stroke-linecap="round" |
572 | stroke-linejoin="round" | 572 | stroke-linejoin="round" |
573 | stroke-width="2" | 573 | stroke-width="2" |
574 | viewBox="0 0 24 24" | 574 | viewBox="0 0 24 24" |
575 | stroke="currentColor" | 575 | stroke="currentColor" |
576 | > | 576 | > |
577 | <path | 577 | <path |
578 | d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" | 578 | d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" |
579 | ></path> | 579 | ></path> |
580 | </svg> | 580 | </svg> |
581 | <span class="ml-4">Главная страница</span> | 581 | <span class="ml-4">Главная страница</span> |
582 | </a> | 582 | </a> |
583 | </li> | 583 | </li> |
584 | </ul> | 584 | </ul> |
585 | <ul> | 585 | <ul> |
586 | @if ($UserId == 1) | 586 | @if ($UserId == 1) |
587 | <li class="relative px-6 py-3"> | 587 | <li class="relative px-6 py-3"> |
588 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}"> | 588 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}"> |
589 | <svg | 589 | <svg |
590 | class="w-5 h-5" | 590 | class="w-5 h-5" |
591 | aria-hidden="true" | 591 | aria-hidden="true" |
592 | fill="none" | 592 | fill="none" |
593 | stroke-linecap="round" | 593 | stroke-linecap="round" |
594 | stroke-linejoin="round" | 594 | stroke-linejoin="round" |
595 | stroke-width="2" | 595 | stroke-width="2" |
596 | viewBox="0 0 24 24" | 596 | viewBox="0 0 24 24" |
597 | stroke="currentColor" | 597 | stroke="currentColor" |
598 | > | 598 | > |
599 | <path | 599 | <path |
600 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" | 600 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" |
601 | ></path> | 601 | ></path> |
602 | </svg> | 602 | </svg> |
603 | <span class="ml-4">Пользователи</span> | 603 | <span class="ml-4">Пользователи</span> |
604 | </a> | 604 | </a> |
605 | </li> | 605 | </li> |
606 | @endif | 606 | @endif |
607 | <li class="relative px-6 py-3"> | 607 | <li class="relative px-6 py-3"> |
608 | <a | 608 | <a |
609 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" | 609 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" |
610 | > | 610 | > |
611 | <svg | 611 | <svg |
612 | class="w-5 h-5" | 612 | class="w-5 h-5" |
613 | aria-hidden="true" | 613 | aria-hidden="true" |
614 | fill="none" | 614 | fill="none" |
615 | stroke-linecap="round" | 615 | stroke-linecap="round" |
616 | stroke-linejoin="round" | 616 | stroke-linejoin="round" |
617 | stroke-width="2" | 617 | stroke-width="2" |
618 | viewBox="0 0 24 24" | 618 | viewBox="0 0 24 24" |
619 | stroke="currentColor" | 619 | stroke="currentColor" |
620 | > | 620 | > |
621 | <path | 621 | <path |
622 | d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" | 622 | d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" |
623 | ></path> | 623 | ></path> |
624 | </svg> | 624 | </svg> |
625 | <span class="ml-4">Администраторы</span> | 625 | <span class="ml-4">Администраторы</span> |
626 | </a> | 626 | </a> |
627 | </li> | 627 | </li> |
628 | 628 | ||
629 | <li class="relative px-6 py-3"> | 629 | <li class="relative px-6 py-3"> |
630 | <a | 630 | <a |
631 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" | 631 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" |
632 | > | 632 | > |
633 | <svg | 633 | <svg |
634 | class="w-5 h-5" | 634 | class="w-5 h-5" |
635 | aria-hidden="true" | 635 | aria-hidden="true" |
636 | fill="none" | 636 | fill="none" |
637 | stroke-linecap="round" | 637 | stroke-linecap="round" |
638 | stroke-linejoin="round" | 638 | stroke-linejoin="round" |
639 | stroke-width="2" | 639 | stroke-width="2" |
640 | viewBox="0 0 24 24" | 640 | viewBox="0 0 24 24" |
641 | stroke="currentColor" | 641 | stroke="currentColor" |
642 | > | 642 | > |
643 | <path | 643 | <path |
644 | d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" | 644 | d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" |
645 | ></path> | 645 | ></path> |
646 | </svg> | 646 | </svg> |
647 | <span class="ml-4">Работодатели</span> | 647 | <span class="ml-4">Работодатели</span> |
648 | </a> | 648 | </a> |
649 | </li> | 649 | </li> |
650 | <li class="relative px-6 py-3"> | 650 | <li class="relative px-6 py-3"> |
651 | <a | 651 | <a |
652 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" | 652 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" |
653 | > | 653 | > |
654 | <svg | 654 | <svg |
655 | class="w-5 h-5" | 655 | class="w-5 h-5" |
656 | aria-hidden="true" | 656 | aria-hidden="true" |
657 | fill="none" | 657 | fill="none" |
658 | stroke-linecap="round" | 658 | stroke-linecap="round" |
659 | stroke-linejoin="round" | 659 | stroke-linejoin="round" |
660 | stroke-width="2" | 660 | stroke-width="2" |
661 | viewBox="0 0 24 24" | 661 | viewBox="0 0 24 24" |
662 | stroke="currentColor" | 662 | stroke="currentColor" |
663 | > | 663 | > |
664 | <path | 664 | <path |
665 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" | 665 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" |
666 | ></path> | 666 | ></path> |
667 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> | 667 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> |
668 | </svg> | 668 | </svg> |
669 | <span class="ml-4">Соискатели</span> | 669 | <span class="ml-4">Соискатели</span> |
670 | </a> | 670 | </a> |
671 | </li> | 671 | </li> |
672 | <li class="relative px-6 py-3"> | 672 | <li class="relative px-6 py-3"> |
673 | <a | 673 | <a |
674 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" | 674 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" |
675 | > | 675 | > |
676 | <svg | 676 | <svg |
677 | class="w-5 h-5" | 677 | class="w-5 h-5" |
678 | aria-hidden="true" | 678 | aria-hidden="true" |
679 | fill="none" | 679 | fill="none" |
680 | stroke-linecap="round" | 680 | stroke-linecap="round" |
681 | stroke-linejoin="round" | 681 | stroke-linejoin="round" |
682 | stroke-width="2" | 682 | stroke-width="2" |
683 | viewBox="0 0 24 24" | 683 | viewBox="0 0 24 24" |
684 | stroke="currentColor" | 684 | stroke="currentColor" |
685 | > | 685 | > |
686 | <path | 686 | <path |
687 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" | 687 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" |
688 | ></path> | 688 | ></path> |
689 | </svg> | 689 | </svg> |
690 | <span class="ml-4">Вакансии</span> | 690 | <span class="ml-4">Вакансии</span> |
691 | </a> | 691 | </a> |
692 | </li> | 692 | </li> |
693 | <li class="relative px-6 py-3"> | 693 | <li class="relative px-6 py-3"> |
694 | <a | 694 | <a |
695 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" | 695 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" |
696 | > | 696 | > |
697 | <svg | 697 | <svg |
698 | class="w-5 h-5" | 698 | class="w-5 h-5" |
699 | aria-hidden="true" | 699 | aria-hidden="true" |
700 | fill="none" | 700 | fill="none" |
701 | stroke-linecap="round" | 701 | stroke-linecap="round" |
702 | stroke-linejoin="round" | 702 | stroke-linejoin="round" |
703 | stroke-width="2" | 703 | stroke-width="2" |
704 | viewBox="0 0 24 24" | 704 | viewBox="0 0 24 24" |
705 | stroke="currentColor" | 705 | stroke="currentColor" |
706 | > | 706 | > |
707 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 707 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
708 | </svg> | 708 | </svg> |
709 | <span class="ml-4">Сообщения все</span> | 709 | <span class="ml-4">Сообщения все</span> |
710 | </a> | 710 | </a> |
711 | </li> | 711 | </li> |
712 | 712 | ||
713 | <li class="relative px-6 py-3"> | 713 | <li class="relative px-6 py-3"> |
714 | <a | 714 | <a |
715 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" | 715 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" |
716 | > | 716 | > |
717 | <svg | 717 | <svg |
718 | class="w-5 h-5" | 718 | class="w-5 h-5" |
719 | aria-hidden="true" | 719 | aria-hidden="true" |
720 | fill="none" | 720 | fill="none" |
721 | stroke-linecap="round" | 721 | stroke-linecap="round" |
722 | stroke-linejoin="round" | 722 | stroke-linejoin="round" |
723 | stroke-width="2" | 723 | stroke-width="2" |
724 | viewBox="0 0 24 24" | 724 | viewBox="0 0 24 24" |
725 | stroke="currentColor" | 725 | stroke="currentColor" |
726 | > | 726 | > |
727 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 727 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
728 | </svg> | 728 | </svg> |
729 | <span class="ml-4">Заявки на рассылку</span> | 729 | <span class="ml-4">Заявки на рассылку</span> |
730 | </a> | 730 | </a> |
731 | </li> | 731 | </li> |
732 | 732 | ||
733 | 733 | ||
734 | <li class="relative px-6 py-3"> | 734 | <li class="relative px-6 py-3"> |
735 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"> | 735 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"> |
736 | <svg | 736 | <svg |
737 | class="w-5 h-5" | 737 | class="w-5 h-5" |
738 | aria-hidden="true" | 738 | aria-hidden="true" |
739 | fill="none" | 739 | fill="none" |
740 | stroke-linecap="round" | 740 | stroke-linecap="round" |
741 | stroke-linejoin="round" | 741 | stroke-linejoin="round" |
742 | stroke-width="2" | 742 | stroke-width="2" |
743 | viewBox="0 0 24 24" | 743 | viewBox="0 0 24 24" |
744 | stroke="currentColor" | 744 | stroke="currentColor" |
745 | > | 745 | > |
746 | <path | 746 | <path |
747 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" | 747 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" |
748 | ></path> | 748 | ></path> |
749 | </svg> | 749 | </svg> |
750 | <span class="ml-4">Группы пользователей</span> | 750 | <span class="ml-4">Группы пользователей</span> |
751 | </a> | 751 | </a> |
752 | </li> | 752 | </li> |
753 | 753 | ||
754 | <li class="relative px-6 py-3"> | 754 | <li class="relative px-6 py-3"> |
755 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> | 755 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> |
756 | <svg | 756 | <svg |
757 | class="w-5 h-5" | 757 | class="w-5 h-5" |
758 | aria-hidden="true" | 758 | aria-hidden="true" |
759 | fill="none" | 759 | fill="none" |
760 | stroke-linecap="round" | 760 | stroke-linecap="round" |
761 | stroke-linejoin="round" | 761 | stroke-linejoin="round" |
762 | stroke-width="2" | 762 | stroke-width="2" |
763 | viewBox="0 0 24 24" | 763 | viewBox="0 0 24 24" |
764 | stroke="currentColor" | 764 | stroke="currentColor" |
765 | > | 765 | > |
766 | <path | 766 | <path |
767 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" | 767 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" |
768 | ></path> | 768 | ></path> |
769 | </svg> | 769 | </svg> |
770 | <span class="ml-4">Медиа</span> | 770 | <span class="ml-4">Медиа</span> |
771 | </a> | 771 | </a> |
772 | </li> | 772 | </li> |
773 | 773 | ||
774 | @if ($UserId == 1) | 774 | @if ($UserId == 1) |
775 | <li class="relative px-6 py-3"> | 775 | <li class="relative px-6 py-3"> |
776 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> | 776 | <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> |
777 | <svg | 777 | <svg |
778 | class="w-5 h-5" | 778 | class="w-5 h-5" |
779 | aria-hidden="true" | 779 | aria-hidden="true" |
780 | fill="none" | 780 | fill="none" |
781 | stroke-linecap="round" | 781 | stroke-linecap="round" |
782 | stroke-linejoin="round" | 782 | stroke-linejoin="round" |
783 | stroke-width="2" | 783 | stroke-width="2" |
784 | viewBox="0 0 24 24" | 784 | viewBox="0 0 24 24" |
785 | stroke="currentColor" | 785 | stroke="currentColor" |
786 | > | 786 | > |
787 | <path | 787 | <path |
788 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" | 788 | d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" |
789 | ></path> | 789 | ></path> |
790 | </svg> | 790 | </svg> |
791 | <span class="ml-4">Роли пользователей</span> | 791 | <span class="ml-4">Роли пользователей</span> |
792 | </a> | 792 | </a> |
793 | </li> | 793 | </li> |
794 | @endif | 794 | @endif |
795 | 795 | ||
796 | <li class="relative px-6 py-3"> | 796 | <li class="relative px-6 py-3"> |
797 | <a | 797 | <a |
798 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" | 798 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" |
799 | > | 799 | > |
800 | <svg | 800 | <svg |
801 | class="w-5 h-5" | 801 | class="w-5 h-5" |
802 | aria-hidden="true" | 802 | aria-hidden="true" |
803 | fill="none" | 803 | fill="none" |
804 | stroke-linecap="round" | 804 | stroke-linecap="round" |
805 | stroke-linejoin="round" | 805 | stroke-linejoin="round" |
806 | stroke-width="2" | 806 | stroke-width="2" |
807 | viewBox="0 0 24 24" | 807 | viewBox="0 0 24 24" |
808 | stroke="currentColor" | 808 | stroke="currentColor" |
809 | > | 809 | > |
810 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 810 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
811 | </svg> | 811 | </svg> |
812 | <span class="ml-4">Базы данных</span> | 812 | <span class="ml-4">Базы данных</span> |
813 | </a> | 813 | </a> |
814 | </li> | 814 | </li> |
815 | 815 | ||
816 | <li class="relative px-6 py-3"> | 816 | <li class="relative px-6 py-3"> |
817 | <a | 817 | <a |
818 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" | 818 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" |
819 | > | 819 | > |
820 | <svg | 820 | <svg |
821 | class="w-5 h-5" | 821 | class="w-5 h-5" |
822 | aria-hidden="true" | 822 | aria-hidden="true" |
823 | fill="none" | 823 | fill="none" |
824 | stroke-linecap="round" | 824 | stroke-linecap="round" |
825 | stroke-linejoin="round" | 825 | stroke-linejoin="round" |
826 | stroke-width="2" | 826 | stroke-width="2" |
827 | viewBox="0 0 24 24" | 827 | viewBox="0 0 24 24" |
828 | stroke="currentColor" | 828 | stroke="currentColor" |
829 | > | 829 | > |
830 | <path | 830 | <path |
831 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" | 831 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" |
832 | ></path> | 832 | ></path> |
833 | </svg> | 833 | </svg> |
834 | <span class="ml-4">Учебн.заведения</span> | 834 | <span class="ml-4">Учебн.заведения</span> |
835 | </a> | 835 | </a> |
836 | </li> | 836 | </li> |
837 | <li class="relative px-6 py-3"> | 837 | <li class="relative px-6 py-3"> |
838 | <a | 838 | <a |
839 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" | 839 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" |
840 | > | 840 | > |
841 | <svg | 841 | <svg |
842 | class="w-5 h-5" | 842 | class="w-5 h-5" |
843 | aria-hidden="true" | 843 | aria-hidden="true" |
844 | fill="none" | 844 | fill="none" |
845 | stroke-linecap="round" | 845 | stroke-linecap="round" |
846 | stroke-linejoin="round" | 846 | stroke-linejoin="round" |
847 | stroke-width="2" | 847 | stroke-width="2" |
848 | viewBox="0 0 24 24" | 848 | viewBox="0 0 24 24" |
849 | stroke="currentColor" | 849 | stroke="currentColor" |
850 | > | 850 | > |
851 | <path | 851 | <path |
852 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" | 852 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" |
853 | ></path> | 853 | ></path> |
854 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> | 854 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> |
855 | </svg> | 855 | </svg> |
856 | <span class="ml-4">Статистика</span> | 856 | <span class="ml-4">Статистика</span> |
857 | </a> | 857 | </a> |
858 | </li> | 858 | </li> |
859 | <li class="relative px-6 py-3"> | 859 | <li class="relative px-6 py-3"> |
860 | <a | 860 | <a |
861 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" | 861 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" |
862 | > | 862 | > |
863 | <svg | 863 | <svg |
864 | class="w-5 h-5" | 864 | class="w-5 h-5" |
865 | aria-hidden="true" | 865 | aria-hidden="true" |
866 | fill="none" | 866 | fill="none" |
867 | stroke-linecap="round" | 867 | stroke-linecap="round" |
868 | stroke-linejoin="round" | 868 | stroke-linejoin="round" |
869 | stroke-width="2" | 869 | stroke-width="2" |
870 | viewBox="0 0 24 24" | 870 | viewBox="0 0 24 24" |
871 | stroke="currentColor" | 871 | stroke="currentColor" |
872 | > | 872 | > |
873 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 873 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
874 | </svg> | 874 | </svg> |
875 | <span class="ml-4">Сообщения все</span> | 875 | <span class="ml-4">Сообщения все</span> |
876 | </a> | 876 | </a> |
877 | </li> | 877 | </li> |
878 | <li class="relative px-6 py-3"> | 878 | <li class="relative px-6 py-3"> |
879 | <a | 879 | <a |
880 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" | 880 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" |
881 | > | 881 | > |
882 | <svg | 882 | <svg |
883 | class="w-5 h-5" | 883 | class="w-5 h-5" |
884 | aria-hidden="true" | 884 | aria-hidden="true" |
885 | fill="none" | 885 | fill="none" |
886 | stroke-linecap="round" | 886 | stroke-linecap="round" |
887 | stroke-linejoin="round" | 887 | stroke-linejoin="round" |
888 | stroke-width="2" | 888 | stroke-width="2" |
889 | viewBox="0 0 24 24" | 889 | viewBox="0 0 24 24" |
890 | stroke="currentColor" | 890 | stroke="currentColor" |
891 | > | 891 | > |
892 | <path | 892 | <path |
893 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" | 893 | d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" |
894 | ></path> | 894 | ></path> |
895 | </svg> | 895 | </svg> |
896 | <span class="ml-4">Реклама</span> | 896 | <span class="ml-4">Реклама</span> |
897 | </a> | 897 | </a> |
898 | </li> | 898 | </li> |
899 | <!-- Справочники --> | 899 | <!-- Справочники --> |
900 | <li class="relative px-6 py-3" x-data="{ open2: false }"> | 900 | <li class="relative px-6 py-3" x-data="{ open2: false }"> |
901 | <button | 901 | <button |
902 | class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 902 | class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" |
903 | @click="open2=!open2" | 903 | @click="open2=!open2" |
904 | aria-haspopup="true"> | 904 | aria-haspopup="true"> |
905 | <span class="inline-flex items-center"> | 905 | <span class="inline-flex items-center"> |
906 | <svg | 906 | <svg |
907 | class="w-5 h-5" | 907 | class="w-5 h-5" |
908 | aria-hidden="true" | 908 | aria-hidden="true" |
909 | fill="none" | 909 | fill="none" |
910 | stroke-linecap="round" | 910 | stroke-linecap="round" |
911 | stroke-linejoin="round" | 911 | stroke-linejoin="round" |
912 | stroke-width="2" | 912 | stroke-width="2" |
913 | viewBox="0 0 24 24" | 913 | viewBox="0 0 24 24" |
914 | stroke="currentColor"> | 914 | stroke="currentColor"> |
915 | <path | 915 | <path |
916 | d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" | 916 | d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" |
917 | ></path> | 917 | ></path> |
918 | </svg> | 918 | </svg> |
919 | <span class="ml-4">Справочники</span> | 919 | <span class="ml-4">Справочники</span> |
920 | </span> | 920 | </span> |
921 | <svg | 921 | <svg |
922 | class="w-4 h-4" | 922 | class="w-4 h-4" |
923 | aria-hidden="true" | 923 | aria-hidden="true" |
924 | fill="currentColor" | 924 | fill="currentColor" |
925 | viewBox="0 0 20 20" | 925 | viewBox="0 0 20 20" |
926 | > | 926 | > |
927 | <path | 927 | <path |
928 | fill-rule="evenodd" | 928 | fill-rule="evenodd" |
929 | d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" | 929 | d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" |
930 | clip-rule="evenodd" | 930 | clip-rule="evenodd" |
931 | ></path> | 931 | ></path> |
932 | </svg> | 932 | </svg> |
933 | </button> | 933 | </button> |
934 | <template x-if="open2"> | 934 | <template x-if="open2"> |
935 | <ul | 935 | <ul |
936 | x-transition:enter="transition-all ease-in-out duration-300" | 936 | x-transition:enter="transition-all ease-in-out duration-300" |
937 | x-transition:enter-start="opacity-25 max-h-0" | 937 | x-transition:enter-start="opacity-25 max-h-0" |
938 | x-transition:enter-end="opacity-100 max-h-xl" | 938 | x-transition:enter-end="opacity-100 max-h-xl" |
939 | x-transition:leave="transition-all ease-in-out duration-300" | 939 | x-transition:leave="transition-all ease-in-out duration-300" |
940 | x-transition:leave-start="opacity-100 max-h-xl" | 940 | x-transition:leave-start="opacity-100 max-h-xl" |
941 | x-transition:leave-end="opacity-0 max-h-0" | 941 | x-transition:leave-end="opacity-0 max-h-0" |
942 | class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" | 942 | class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" |
943 | aria-label="submenu" | 943 | aria-label="submenu" |
944 | > | 944 | > |
945 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> | 945 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> |
946 | <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> | 946 | <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> |
947 | </li> | 947 | </li> |
948 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> | 948 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> |
949 | <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> | 949 | <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> |
950 | </li> | 950 | </li> |
951 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> | 951 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> |
952 | <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> | 952 | <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> |
953 | </li> | 953 | </li> |
954 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> | 954 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> |
955 | <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> | 955 | <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> |
956 | </li> | 956 | </li> |
957 | 957 | ||
958 | </ul> | 958 | </ul> |
959 | </template> | 959 | </template> |
960 | </li> | 960 | </li> |
961 | 961 | ||
962 | <!-- Редактор --> | 962 | <!-- Редактор --> |
963 | <li class="relative px-6 py-3"> | 963 | <li class="relative px-6 py-3"> |
964 | <button | 964 | <button |
965 | class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 965 | class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" |
966 | @click="togglePagesMenu" | 966 | @click="togglePagesMenu" |
967 | aria-haspopup="true" | 967 | aria-haspopup="true" |
968 | > | 968 | > |
969 | <span class="inline-flex items-center"> | 969 | <span class="inline-flex items-center"> |
970 | <svg | 970 | <svg |
971 | class="w-5 h-5" | 971 | class="w-5 h-5" |
972 | aria-hidden="true" | 972 | aria-hidden="true" |
973 | fill="none" | 973 | fill="none" |
974 | stroke-linecap="round" | 974 | stroke-linecap="round" |
975 | stroke-linejoin="round" | 975 | stroke-linejoin="round" |
976 | stroke-width="2" | 976 | stroke-width="2" |
977 | viewBox="0 0 24 24" | 977 | viewBox="0 0 24 24" |
978 | stroke="currentColor" | 978 | stroke="currentColor" |
979 | > | 979 | > |
980 | <path | 980 | <path |
981 | d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" | 981 | d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" |
982 | ></path> | 982 | ></path> |
983 | </svg> | 983 | </svg> |
984 | <span class="ml-4">Редактор</span> | 984 | <span class="ml-4">Редактор</span> |
985 | </span> | 985 | </span> |
986 | <svg | 986 | <svg |
987 | class="w-4 h-4" | 987 | class="w-4 h-4" |
988 | aria-hidden="true" | 988 | aria-hidden="true" |
989 | fill="currentColor" | 989 | fill="currentColor" |
990 | viewBox="0 0 20 20" | 990 | viewBox="0 0 20 20" |
991 | > | 991 | > |
992 | <path | 992 | <path |
993 | fill-rule="evenodd" | 993 | fill-rule="evenodd" |
994 | d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" | 994 | d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" |
995 | clip-rule="evenodd" | 995 | clip-rule="evenodd" |
996 | ></path> | 996 | ></path> |
997 | </svg> | 997 | </svg> |
998 | </button> | 998 | </button> |
999 | <template x-if="isPagesMenuOpen"> | 999 | <template x-if="isPagesMenuOpen"> |
1000 | <ul | 1000 | <ul |
1001 | x-transition:enter="transition-all ease-in-out duration-300" | 1001 | x-transition:enter="transition-all ease-in-out duration-300" |
1002 | x-transition:enter-start="opacity-25 max-h-0" | 1002 | x-transition:enter-start="opacity-25 max-h-0" |
1003 | x-transition:enter-end="opacity-100 max-h-xl" | 1003 | x-transition:enter-end="opacity-100 max-h-xl" |
1004 | x-transition:leave="transition-all ease-in-out duration-300" | 1004 | x-transition:leave="transition-all ease-in-out duration-300" |
1005 | x-transition:leave-start="opacity-100 max-h-xl" | 1005 | x-transition:leave-start="opacity-100 max-h-xl" |
1006 | x-transition:leave-end="opacity-0 max-h-0" | 1006 | x-transition:leave-end="opacity-0 max-h-0" |
1007 | class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" | 1007 | class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" |
1008 | aria-label="submenu" | 1008 | aria-label="submenu" |
1009 | > | 1009 | > |
1010 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> | 1010 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> |
1011 | <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> | 1011 | <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> |
1012 | </li> | 1012 | </li> |
1013 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> | 1013 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> |
1014 | <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> | 1014 | <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> |
1015 | </li> | 1015 | </li> |
1016 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> | 1016 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> |
1017 | <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> | 1017 | <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> |
1018 | </li> | 1018 | </li> |
1019 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> | 1019 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> |
1020 | <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> | 1020 | <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> |
1021 | </li> | 1021 | </li> |
1022 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> | 1022 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> |
1023 | <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> | 1023 | <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> |
1024 | </li> | 1024 | </li> |
1025 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> | 1025 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> |
1026 | <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> | 1026 | <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> |
1027 | </li> | 1027 | </li> |
1028 | 1028 | ||
1029 | </ul> | 1029 | </ul> |
1030 | </template> | 1030 | </template> |
1031 | </li> | 1031 | </li> |
1032 | </ul> | 1032 | </ul> |
1033 | <!--<div class="px-6 my-6"> | 1033 | <!--<div class="px-6 my-6"> |
1034 | <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> | 1034 | <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> |
1035 | Create account | 1035 | Create account |
1036 | <span class="ml-2" aria-hidden="true">+</span> | 1036 | <span class="ml-2" aria-hidden="true">+</span> |
1037 | </button> | 1037 | </button> |
1038 | </div>--> | 1038 | </div>--> |
1039 | </div> | 1039 | </div> |
1040 | </aside> | 1040 | </aside> |
1041 | <div class="flex flex-col flex-1 w-full"> | 1041 | <div class="flex flex-col flex-1 w-full"> |
1042 | <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> | 1042 | <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> |
1043 | <div | 1043 | <div |
1044 | class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" | 1044 | class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" |
1045 | > | 1045 | > |
1046 | <!-- Mobile hamburger --> | 1046 | <!-- Mobile hamburger --> |
1047 | <button | 1047 | <button |
1048 | class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" | 1048 | class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" |
1049 | @click="toggleSideMenu" | 1049 | @click="toggleSideMenu" |
1050 | aria-label="Menu" | 1050 | aria-label="Menu" |
1051 | > | 1051 | > |
1052 | <svg | 1052 | <svg |
1053 | class="w-6 h-6" | 1053 | class="w-6 h-6" |
1054 | aria-hidden="true" | 1054 | aria-hidden="true" |
1055 | fill="currentColor" | 1055 | fill="currentColor" |
1056 | viewBox="0 0 20 20" | 1056 | viewBox="0 0 20 20" |
1057 | > | 1057 | > |
1058 | <path | 1058 | <path |
1059 | fill-rule="evenodd" | 1059 | fill-rule="evenodd" |
1060 | d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" | 1060 | d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" |
1061 | clip-rule="evenodd" | 1061 | clip-rule="evenodd" |
1062 | ></path> | 1062 | ></path> |
1063 | </svg> | 1063 | </svg> |
1064 | </button> | 1064 | </button> |
1065 | <!-- Search input --> | 1065 | <!-- Search input --> |
1066 | <div class="flex justify-center flex-1 lg:mr-32"> | 1066 | <div class="flex justify-center flex-1 lg:mr-32"> |
1067 | <div | 1067 | <div |
1068 | class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" | 1068 | class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" |
1069 | > | 1069 | > |
1070 | 1070 | ||
1071 | @yield('search') | 1071 | @yield('search') |
1072 | </div> | 1072 | </div> |
1073 | </div> | 1073 | </div> |
1074 | <ul class="flex items-center flex-shrink-0 space-x-6"> | 1074 | <ul class="flex items-center flex-shrink-0 space-x-6"> |
1075 | <!-- Theme toggler --> | 1075 | <!-- Theme toggler --> |
1076 | <li class="flex"> | 1076 | <li class="flex"> |
1077 | <button | 1077 | <button |
1078 | class="rounded-md focus:outline-none focus:shadow-outline-purple" | 1078 | class="rounded-md focus:outline-none focus:shadow-outline-purple" |
1079 | @click="toggleTheme" | 1079 | @click="toggleTheme" |
1080 | aria-label="Toggle color mode" | 1080 | aria-label="Toggle color mode" |
1081 | > | 1081 | > |
1082 | <template x-if="!dark"> | 1082 | <template x-if="!dark"> |
1083 | <svg | 1083 | <svg |
1084 | class="w-5 h-5" | 1084 | class="w-5 h-5" |
1085 | aria-hidden="true" | 1085 | aria-hidden="true" |
1086 | fill="currentColor" | 1086 | fill="currentColor" |
1087 | viewBox="0 0 20 20" | 1087 | viewBox="0 0 20 20" |
1088 | > | 1088 | > |
1089 | <path | 1089 | <path |
1090 | d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" | 1090 | d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" |
1091 | ></path> | 1091 | ></path> |
1092 | </svg> | 1092 | </svg> |
1093 | </template> | 1093 | </template> |
1094 | <template x-if="dark"> | 1094 | <template x-if="dark"> |
1095 | <svg | 1095 | <svg |
1096 | class="w-5 h-5" | 1096 | class="w-5 h-5" |
1097 | aria-hidden="true" | 1097 | aria-hidden="true" |
1098 | fill="currentColor" | 1098 | fill="currentColor" |
1099 | viewBox="0 0 20 20" | 1099 | viewBox="0 0 20 20" |
1100 | > | 1100 | > |
1101 | <path | 1101 | <path |
1102 | fill-rule="evenodd" | 1102 | fill-rule="evenodd" |
1103 | d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" | 1103 | d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" |
1104 | clip-rule="evenodd" | 1104 | clip-rule="evenodd" |
1105 | ></path> | 1105 | ></path> |
1106 | </svg> | 1106 | </svg> |
1107 | </template> | 1107 | </template> |
1108 | </button> | 1108 | </button> |
1109 | </li> | 1109 | </li> |
1110 | <!-- Notifications menu --> | 1110 | <!-- Notifications menu --> |
1111 | <li class="relative"> | 1111 | <li class="relative"> |
1112 | <button | 1112 | <button |
1113 | class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" | 1113 | class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" |
1114 | @click="toggleNotificationsMenu" | 1114 | @click="toggleNotificationsMenu" |
1115 | @keydown.escape="closeNotificationsMenu" | 1115 | @keydown.escape="closeNotificationsMenu" |
1116 | aria-label="Notifications" | 1116 | aria-label="Notifications" |
1117 | aria-haspopup="true" | 1117 | aria-haspopup="true" |
1118 | > | 1118 | > |
1119 | <svg | 1119 | <svg |
1120 | class="w-5 h-5" | 1120 | class="w-5 h-5" |
1121 | aria-hidden="true" | 1121 | aria-hidden="true" |
1122 | fill="currentColor" | 1122 | fill="currentColor" |
1123 | viewBox="0 0 20 20" | 1123 | viewBox="0 0 20 20" |
1124 | > | 1124 | > |
1125 | <path | 1125 | <path |
1126 | d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" | 1126 | d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" |
1127 | ></path> | 1127 | ></path> |
1128 | </svg> | 1128 | </svg> |
1129 | <!-- Notification badge --> | 1129 | <!-- Notification badge --> |
1130 | <span | 1130 | <span |
1131 | aria-hidden="true" | 1131 | aria-hidden="true" |
1132 | class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800" | 1132 | class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800" |
1133 | ></span> | 1133 | ></span> |
1134 | </button> | 1134 | </button> |
1135 | <template x-if="isNotificationsMenuOpen"> | 1135 | <template x-if="isNotificationsMenuOpen"> |
1136 | <ul | 1136 | <ul |
1137 | x-transition:leave="transition ease-in duration-150" | 1137 | x-transition:leave="transition ease-in duration-150" |
1138 | x-transition:leave-start="opacity-100" | 1138 | x-transition:leave-start="opacity-100" |
1139 | x-transition:leave-end="opacity-0" | 1139 | x-transition:leave-end="opacity-0" |
1140 | @click.away="closeNotificationsMenu" | 1140 | @click.away="closeNotificationsMenu" |
1141 | @keydown.escape="closeNotificationsMenu" | 1141 | @keydown.escape="closeNotificationsMenu" |
1142 | class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700" | 1142 | class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700" |
1143 | > | 1143 | > |
1144 | <li class="flex"> | 1144 | <li class="flex"> |
1145 | <a | 1145 | <a |
1146 | class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" | 1146 | class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" |
1147 | href="{{ route('admin.admin-messages') }}" | 1147 | href="{{ route('admin.admin-messages') }}" |
1148 | > | 1148 | > |
1149 | <span>Сообщения</span> | 1149 | <span>Сообщения</span> |
1150 | @if($MsgCount > 0) | 1150 | @if($MsgCount > 0) |
1151 | <span | 1151 | <span |
1152 | class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600" | 1152 | class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600" |
1153 | > | 1153 | > |
1154 | 1154 | ||
1155 | {{ $MsgCount }} | 1155 | {{ $MsgCount }} |
1156 | </span> | 1156 | </span> |
1157 | @endif | 1157 | @endif |
1158 | </a> | 1158 | </a> |
1159 | </li> | 1159 | </li> |
1160 | <!--<li class="flex"> | 1160 | <!--<li class="flex"> |
1161 | <a | 1161 | <a |
1162 | class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" | 1162 | class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" |
1163 | href="#" | 1163 | href="#" |
1164 | > | 1164 | > |
1165 | <span>Логи</span> | 1165 | <span>Логи</span> |
1166 | </a> | 1166 | </a> |
1167 | </li>--> | 1167 | </li>--> |
1168 | </ul> | 1168 | </ul> |
1169 | </template> | 1169 | </template> |
1170 | </li> | 1170 | </li> |
1171 | <!-- Profile menu --> | 1171 | <!-- Profile menu --> |
1172 | <li class="relative"> | 1172 | <li class="relative"> |
1173 | <button | 1173 | <button |
1174 | class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" | 1174 | class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" |
1175 | @click="toggleProfileMenu" | 1175 | @click="toggleProfileMenu" |
1176 | @keydown.escape="closeProfileMenu" | 1176 | @keydown.escape="closeProfileMenu" |
1177 | aria-label="Account" | 1177 | aria-label="Account" |
1178 | aria-haspopup="true" | 1178 | aria-haspopup="true" |
1179 | > | 1179 | > |
1180 | <img | 1180 | <img |
1181 | class="object-cover w-8 h-8 rounded-full" | 1181 | class="object-cover w-8 h-8 rounded-full" |
1182 | src="{{ asset('assets/img/profile.jpg') }}" | 1182 | src="{{ asset('assets/img/profile.jpg') }}" |
1183 | alt="" | 1183 | alt="" |
1184 | aria-hidden="true" | 1184 | aria-hidden="true" |
1185 | /> | 1185 | /> |
1186 | </button> | 1186 | </button> |
1187 | <template x-if="isProfileMenuOpen"> | 1187 | <template x-if="isProfileMenuOpen"> |
1188 | <ul | 1188 | <ul |
1189 | x-transition:leave="transition ease-in duration-150" | 1189 | x-transition:leave="transition ease-in duration-150" |
1190 | x-transition:leave-start="opacity-100" | 1190 | x-transition:leave-start="opacity-100" |
1191 | x-transition:leave-end="opacity-0" | 1191 | x-transition:leave-end="opacity-0" |
1192 | @click.away="closeProfileMenu" | 1192 | @click.away="closeProfileMenu" |
1193 | @keydown.escape="closeProfileMenu" | 1193 | @keydown.escape="closeProfileMenu" |
1194 | class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700" | 1194 | class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700" |
1195 | aria-label="submenu" | 1195 | aria-label="submenu" |
1196 | > | 1196 | > |
1197 | <li class="flex"> | 1197 | <li class="flex"> |
1198 | <a | 1198 | <a |
1199 | class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" | 1199 | class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" |
1200 | href="{{ route('admin.profile') }}" | 1200 | href="{{ route('admin.profile') }}" |
1201 | > | 1201 | > |
1202 | <svg | 1202 | <svg |
1203 | class="w-4 h-4 mr-3" | 1203 | class="w-4 h-4 mr-3" |
1204 | aria-hidden="true" | 1204 | aria-hidden="true" |
1205 | fill="none" | 1205 | fill="none" |
1206 | stroke-linecap="round" | 1206 | stroke-linecap="round" |
1207 | stroke-linejoin="round" | 1207 | stroke-linejoin="round" |
1208 | stroke-width="2" | 1208 | stroke-width="2" |
1209 | viewBox="0 0 24 24" | 1209 | viewBox="0 0 24 24" |
1210 | stroke="currentColor" | 1210 | stroke="currentColor" |
1211 | > | 1211 | > |
1212 | <path | 1212 | <path |
1213 | d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" | 1213 | d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" |
1214 | ></path> | 1214 | ></path> |
1215 | </svg> | 1215 | </svg> |
1216 | <span>Профиль</span> | 1216 | <span>Профиль</span> |
1217 | </a> | 1217 | </a> |
1218 | </li> | 1218 | </li> |
1219 | <li class="flex"> | 1219 | <li class="flex"> |
1220 | <a | 1220 | <a |
1221 | class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" | 1221 | class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" |
1222 | href="{{ route('admin.config') }}" | 1222 | href="{{ route('admin.config') }}" |
1223 | > | 1223 | > |
1224 | <svg | 1224 | <svg |
1225 | class="w-4 h-4 mr-3" | 1225 | class="w-4 h-4 mr-3" |
1226 | aria-hidden="true" | 1226 | aria-hidden="true" |
1227 | fill="none" | 1227 | fill="none" |
1228 | stroke-linecap="round" | 1228 | stroke-linecap="round" |
1229 | stroke-linejoin="round" | 1229 | stroke-linejoin="round" |
1230 | stroke-width="2" | 1230 | stroke-width="2" |
1231 | viewBox="0 0 24 24" | 1231 | viewBox="0 0 24 24" |
1232 | stroke="currentColor" | 1232 | stroke="currentColor" |
1233 | > | 1233 | > |
1234 | <path | 1234 | <path |
1235 | d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" | 1235 | d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" |
1236 | ></path> | 1236 | ></path> |
1237 | <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> | 1237 | <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> |
1238 | </svg> | 1238 | </svg> |
1239 | <span>Настройки</span> | 1239 | <span>Настройки</span> |
1240 | </a> | 1240 | </a> |
1241 | </li> | 1241 | </li> |
1242 | <li class="flex"> | 1242 | <li class="flex"> |
1243 | <a | 1243 | <a |
1244 | class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" | 1244 | class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" |
1245 | href="{{ route('admin.logout') }}" | 1245 | href="{{ route('admin.logout') }}" |
1246 | > | 1246 | > |
1247 | <svg | 1247 | <svg |
1248 | class="w-4 h-4 mr-3" | 1248 | class="w-4 h-4 mr-3" |
1249 | aria-hidden="true" | 1249 | aria-hidden="true" |
1250 | fill="none" | 1250 | fill="none" |
1251 | stroke-linecap="round" | 1251 | stroke-linecap="round" |
1252 | stroke-linejoin="round" | 1252 | stroke-linejoin="round" |
1253 | stroke-width="2" | 1253 | stroke-width="2" |
1254 | viewBox="0 0 24 24" | 1254 | viewBox="0 0 24 24" |
1255 | stroke="currentColor" | 1255 | stroke="currentColor" |
1256 | > | 1256 | > |
1257 | <path | 1257 | <path |
1258 | d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" | 1258 | d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" |
1259 | ></path> | 1259 | ></path> |
1260 | </svg> | 1260 | </svg> |
1261 | <span>Выход</span> | 1261 | <span>Выход</span> |
1262 | </a> | 1262 | </a> |
1263 | </li> | 1263 | </li> |
1264 | </ul> | 1264 | </ul> |
1265 | </template> | 1265 | </template> |
1266 | </li> | 1266 | </li> |
1267 | </ul> | 1267 | </ul> |
1268 | </div> | 1268 | </div> |
1269 | </header> | 1269 | </header> |
1270 | <main class="h-full overflow-y-auto"> | 1270 | <main class="h-full overflow-y-auto"> |
1271 | <div class="container px-6 mx-auto grid"> | 1271 | <div class="container px-6 mx-auto grid"> |
1272 | <h2 | 1272 | <h2 |
1273 | class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" | 1273 | class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" |
1274 | > | 1274 | > |
1275 | {{$title}} | 1275 | {{$title}} |
1276 | </h2> | 1276 | </h2> |
1277 | <!-- CTA --> | 1277 | <!-- CTA --> |
1278 | <a | 1278 | <a |
1279 | class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple" | 1279 | class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple" |
1280 | href="{{ route('admin.admin-users') }}" | 1280 | href="{{ route('admin.admin-users') }}" |
1281 | > | 1281 | > |
1282 | <div class="flex items-center"> | 1282 | <div class="flex items-center"> |
1283 | <svg | 1283 | <svg |
1284 | class="w-5 h-5 mr-2" | 1284 | class="w-5 h-5 mr-2" |
1285 | fill="currentColor" | 1285 | fill="currentColor" |
1286 | viewBox="0 0 20 20" | 1286 | viewBox="0 0 20 20" |
1287 | > | 1287 | > |
1288 | <path | 1288 | <path |
1289 | d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" | 1289 | d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" |
1290 | ></path> | 1290 | ></path> |
1291 | </svg> | 1291 | </svg> |
1292 | <span>Контент для админов</span> | 1292 | <span>Контент для админов</span> |
1293 | </div> | 1293 | </div> |
1294 | <span>Список админов →</span> | 1294 | <span>Список админов →</span> |
1295 | </a> | 1295 | </a> |
1296 | 1296 | ||
1297 | @if ($message = Session::get('success')) | 1297 | @if ($message = Session::get('success')) |
1298 | <section> | 1298 | <section> |
1299 | <div class="alert alert-success alert-dismissible mt-0" role="alert"> | 1299 | <div class="alert alert-success alert-dismissible mt-0" role="alert"> |
1300 | <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> | 1300 | <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> |
1301 | <span aria-hidden="true">×</span> | 1301 | <span aria-hidden="true">×</span> |
1302 | </button> | 1302 | </button> |
1303 | {{ $message }} | 1303 | {{ $message }} |
1304 | </div> | 1304 | </div> |
1305 | </section> | 1305 | </section> |
1306 | @endif | 1306 | @endif |
1307 | 1307 | ||
1308 | @if ($errors->any()) | 1308 | @if ($errors->any()) |
1309 | <section> | 1309 | <section> |
1310 | <div class="alert alert-danger alert-dismissible mt-4" role="alert"> | 1310 | <div class="alert alert-danger alert-dismissible mt-4" role="alert"> |
1311 | <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> | 1311 | <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> |
1312 | <span aria-hidden="true">×</span> | 1312 | <span aria-hidden="true">×</span> |
1313 | </button> | 1313 | </button> |
1314 | <ul class="mb-0"> | 1314 | <ul class="mb-0"> |
1315 | @foreach ($errors->all() as $error) | 1315 | @foreach ($errors->all() as $error) |
1316 | <li>{{ $error }}</li> | 1316 | <li>{{ $error }}</li> |
1317 | @endforeach | 1317 | @endforeach |
1318 | </ul> | 1318 | </ul> |
1319 | </div> | 1319 | </div> |
1320 | </section> | 1320 | </section> |
1321 | @endif | 1321 | @endif |
1322 | 1322 | ||
1323 | @yield('content') | 1323 | @yield('content') |
1324 | 1324 | ||
1325 | <!-- Cards | 1325 | <!-- Cards |
1326 | <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> | 1326 | <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> |
1327 | 1327 | ||
1328 | <div | 1328 | <div |
1329 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1329 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1330 | > | 1330 | > |
1331 | <div | 1331 | <div |
1332 | class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" | 1332 | class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" |
1333 | > | 1333 | > |
1334 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | 1334 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> |
1335 | <path | 1335 | <path |
1336 | d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" | 1336 | d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" |
1337 | ></path> | 1337 | ></path> |
1338 | </svg> | 1338 | </svg> |
1339 | </div> | 1339 | </div> |
1340 | <div> | 1340 | <div> |
1341 | <p | 1341 | <p |
1342 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" | 1342 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" |
1343 | > | 1343 | > |
1344 | Total clients | 1344 | Total clients |
1345 | </p> | 1345 | </p> |
1346 | <p | 1346 | <p |
1347 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" | 1347 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" |
1348 | > | 1348 | > |
1349 | 6389 | 1349 | 6389 |
1350 | </p> | 1350 | </p> |
1351 | </div> | 1351 | </div> |
1352 | </div> | 1352 | </div> |
1353 | 1353 | ||
1354 | <div | 1354 | <div |
1355 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1355 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1356 | > | 1356 | > |
1357 | <div | 1357 | <div |
1358 | class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" | 1358 | class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" |
1359 | > | 1359 | > |
1360 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | 1360 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> |
1361 | <path | 1361 | <path |
1362 | fill-rule="evenodd" | 1362 | fill-rule="evenodd" |
1363 | d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z" | 1363 | d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z" |
1364 | clip-rule="evenodd" | 1364 | clip-rule="evenodd" |
1365 | ></path> | 1365 | ></path> |
1366 | </svg> | 1366 | </svg> |
1367 | </div> | 1367 | </div> |
1368 | <div> | 1368 | <div> |
1369 | <p | 1369 | <p |
1370 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" | 1370 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" |
1371 | > | 1371 | > |
1372 | Account balance | 1372 | Account balance |
1373 | </p> | 1373 | </p> |
1374 | <p | 1374 | <p |
1375 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" | 1375 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" |
1376 | > | 1376 | > |
1377 | $ 46,760.89 | 1377 | $ 46,760.89 |
1378 | </p> | 1378 | </p> |
1379 | </div> | 1379 | </div> |
1380 | </div> | 1380 | </div> |
1381 | 1381 | ||
1382 | <div | 1382 | <div |
1383 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1383 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1384 | > | 1384 | > |
1385 | <div | 1385 | <div |
1386 | class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" | 1386 | class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" |
1387 | > | 1387 | > |
1388 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | 1388 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> |
1389 | <path | 1389 | <path |
1390 | d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" | 1390 | d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" |
1391 | ></path> | 1391 | ></path> |
1392 | </svg> | 1392 | </svg> |
1393 | </div> | 1393 | </div> |
1394 | <div> | 1394 | <div> |
1395 | <p | 1395 | <p |
1396 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" | 1396 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" |
1397 | > | 1397 | > |
1398 | New sales | 1398 | New sales |
1399 | </p> | 1399 | </p> |
1400 | <p | 1400 | <p |
1401 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" | 1401 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" |
1402 | > | 1402 | > |
1403 | 376 | 1403 | 376 |
1404 | </p> | 1404 | </p> |
1405 | </div> | 1405 | </div> |
1406 | </div> | 1406 | </div> |
1407 | 1407 | ||
1408 | <div | 1408 | <div |
1409 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1409 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1410 | > | 1410 | > |
1411 | <div | 1411 | <div |
1412 | class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" | 1412 | class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" |
1413 | > | 1413 | > |
1414 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | 1414 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> |
1415 | <path | 1415 | <path |
1416 | fill-rule="evenodd" | 1416 | fill-rule="evenodd" |
1417 | d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z" | 1417 | d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z" |
1418 | clip-rule="evenodd" | 1418 | clip-rule="evenodd" |
1419 | ></path> | 1419 | ></path> |
1420 | </svg> | 1420 | </svg> |
1421 | </div> | 1421 | </div> |
1422 | <div> | 1422 | <div> |
1423 | <p | 1423 | <p |
1424 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" | 1424 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" |
1425 | > | 1425 | > |
1426 | Pending contacts | 1426 | Pending contacts |
1427 | </p> | 1427 | </p> |
1428 | <p | 1428 | <p |
1429 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" | 1429 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" |
1430 | > | 1430 | > |
1431 | 35 | 1431 | 35 |
1432 | </p> | 1432 | </p> |
1433 | </div> | 1433 | </div> |
1434 | </div> | 1434 | </div> |
1435 | </div> | 1435 | </div> |
1436 | --> | 1436 | --> |
1437 | <!-- New Table | 1437 | <!-- New Table |
1438 | <div class="w-full overflow-hidden rounded-lg shadow-xs"> | 1438 | <div class="w-full overflow-hidden rounded-lg shadow-xs"> |
1439 | <div class="w-full overflow-x-auto"> | 1439 | <div class="w-full overflow-x-auto"> |
1440 | <table class="w-full whitespace-no-wrap"> | 1440 | <table class="w-full whitespace-no-wrap"> |
1441 | <thead> | 1441 | <thead> |
1442 | <tr | 1442 | <tr |
1443 | class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800" | 1443 | class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800" |
1444 | > | 1444 | > |
1445 | <th class="px-4 py-3">Client</th> | 1445 | <th class="px-4 py-3">Client</th> |
1446 | <th class="px-4 py-3">Amount</th> | 1446 | <th class="px-4 py-3">Amount</th> |
1447 | <th class="px-4 py-3">Status</th> | 1447 | <th class="px-4 py-3">Status</th> |
1448 | <th class="px-4 py-3">Date</th> | 1448 | <th class="px-4 py-3">Date</th> |
1449 | </tr> | 1449 | </tr> |
1450 | </thead> | 1450 | </thead> |
1451 | <tbody | 1451 | <tbody |
1452 | class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" | 1452 | class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" |
1453 | > | 1453 | > |
1454 | <tr class="text-gray-700 dark:text-gray-400"> | 1454 | <tr class="text-gray-700 dark:text-gray-400"> |
1455 | <td class="px-4 py-3"> | 1455 | <td class="px-4 py-3"> |
1456 | <div class="flex items-center text-sm"> | 1456 | <div class="flex items-center text-sm"> |
1457 | 1457 | ||
1458 | <div | 1458 | <div |
1459 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1459 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1460 | > | 1460 | > |
1461 | <img | 1461 | <img |
1462 | class="object-cover w-full h-full rounded-full" | 1462 | class="object-cover w-full h-full rounded-full" |
1463 | src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" | 1463 | src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" |
1464 | alt="" | 1464 | alt="" |
1465 | loading="lazy" | 1465 | loading="lazy" |
1466 | /> | 1466 | /> |
1467 | <div | 1467 | <div |
1468 | class="absolute inset-0 rounded-full shadow-inner" | 1468 | class="absolute inset-0 rounded-full shadow-inner" |
1469 | aria-hidden="true" | 1469 | aria-hidden="true" |
1470 | ></div> | 1470 | ></div> |
1471 | </div> | 1471 | </div> |
1472 | <div> | 1472 | <div> |
1473 | <p class="font-semibold">Hans Burger</p> | 1473 | <p class="font-semibold">Hans Burger</p> |
1474 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1474 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1475 | 10x Developer | 1475 | 10x Developer |
1476 | </p> | 1476 | </p> |
1477 | </div> | 1477 | </div> |
1478 | </div> | 1478 | </div> |
1479 | </td> | 1479 | </td> |
1480 | <td class="px-4 py-3 text-sm"> | 1480 | <td class="px-4 py-3 text-sm"> |
1481 | $ 863.45 | 1481 | $ 863.45 |
1482 | </td> | 1482 | </td> |
1483 | <td class="px-4 py-3 text-xs"> | 1483 | <td class="px-4 py-3 text-xs"> |
1484 | <span | 1484 | <span |
1485 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" | 1485 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" |
1486 | > | 1486 | > |
1487 | Approved | 1487 | Approved |
1488 | </span> | 1488 | </span> |
1489 | </td> | 1489 | </td> |
1490 | <td class="px-4 py-3 text-sm"> | 1490 | <td class="px-4 py-3 text-sm"> |
1491 | 6/10/2020 | 1491 | 6/10/2020 |
1492 | </td> | 1492 | </td> |
1493 | </tr> | 1493 | </tr> |
1494 | 1494 | ||
1495 | <tr class="text-gray-700 dark:text-gray-400"> | 1495 | <tr class="text-gray-700 dark:text-gray-400"> |
1496 | <td class="px-4 py-3"> | 1496 | <td class="px-4 py-3"> |
1497 | <div class="flex items-center text-sm"> | 1497 | <div class="flex items-center text-sm"> |
1498 | 1498 | ||
1499 | <div | 1499 | <div |
1500 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1500 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1501 | > | 1501 | > |
1502 | <img | 1502 | <img |
1503 | class="object-cover w-full h-full rounded-full" | 1503 | class="object-cover w-full h-full rounded-full" |
1504 | src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6" | 1504 | src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6" |
1505 | alt="" | 1505 | alt="" |
1506 | loading="lazy" | 1506 | loading="lazy" |
1507 | /> | 1507 | /> |
1508 | <div | 1508 | <div |
1509 | class="absolute inset-0 rounded-full shadow-inner" | 1509 | class="absolute inset-0 rounded-full shadow-inner" |
1510 | aria-hidden="true" | 1510 | aria-hidden="true" |
1511 | ></div> | 1511 | ></div> |
1512 | </div> | 1512 | </div> |
1513 | <div> | 1513 | <div> |
1514 | <p class="font-semibold">Jolina Angelie</p> | 1514 | <p class="font-semibold">Jolina Angelie</p> |
1515 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1515 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1516 | Unemployed | 1516 | Unemployed |
1517 | </p> | 1517 | </p> |
1518 | </div> | 1518 | </div> |
1519 | </div> | 1519 | </div> |
1520 | </td> | 1520 | </td> |
1521 | <td class="px-4 py-3 text-sm"> | 1521 | <td class="px-4 py-3 text-sm"> |
1522 | $ 369.95 | 1522 | $ 369.95 |
1523 | </td> | 1523 | </td> |
1524 | <td class="px-4 py-3 text-xs"> | 1524 | <td class="px-4 py-3 text-xs"> |
1525 | <span | 1525 | <span |
1526 | class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" | 1526 | class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" |
1527 | > | 1527 | > |
1528 | Pending | 1528 | Pending |
1529 | </span> | 1529 | </span> |
1530 | </td> | 1530 | </td> |
1531 | <td class="px-4 py-3 text-sm"> | 1531 | <td class="px-4 py-3 text-sm"> |
1532 | 6/10/2020 | 1532 | 6/10/2020 |
1533 | </td> | 1533 | </td> |
1534 | </tr> | 1534 | </tr> |
1535 | 1535 | ||
1536 | <tr class="text-gray-700 dark:text-gray-400"> | 1536 | <tr class="text-gray-700 dark:text-gray-400"> |
1537 | <td class="px-4 py-3"> | 1537 | <td class="px-4 py-3"> |
1538 | <div class="flex items-center text-sm"> | 1538 | <div class="flex items-center text-sm"> |
1539 | 1539 | ||
1540 | <div | 1540 | <div |
1541 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1541 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1542 | > | 1542 | > |
1543 | <img | 1543 | <img |
1544 | class="object-cover w-full h-full rounded-full" | 1544 | class="object-cover w-full h-full rounded-full" |
1545 | src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" | 1545 | src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" |
1546 | alt="" | 1546 | alt="" |
1547 | loading="lazy" | 1547 | loading="lazy" |
1548 | /> | 1548 | /> |
1549 | <div | 1549 | <div |
1550 | class="absolute inset-0 rounded-full shadow-inner" | 1550 | class="absolute inset-0 rounded-full shadow-inner" |
1551 | aria-hidden="true" | 1551 | aria-hidden="true" |
1552 | ></div> | 1552 | ></div> |
1553 | </div> | 1553 | </div> |
1554 | <div> | 1554 | <div> |
1555 | <p class="font-semibold">Sarah Curry</p> | 1555 | <p class="font-semibold">Sarah Curry</p> |
1556 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1556 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1557 | Designer | 1557 | Designer |
1558 | </p> | 1558 | </p> |
1559 | </div> | 1559 | </div> |
1560 | </div> | 1560 | </div> |
1561 | </td> | 1561 | </td> |
1562 | <td class="px-4 py-3 text-sm"> | 1562 | <td class="px-4 py-3 text-sm"> |
1563 | $ 86.00 | 1563 | $ 86.00 |
1564 | </td> | 1564 | </td> |
1565 | <td class="px-4 py-3 text-xs"> | 1565 | <td class="px-4 py-3 text-xs"> |
1566 | <span | 1566 | <span |
1567 | class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700" | 1567 | class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700" |
1568 | > | 1568 | > |
1569 | Denied | 1569 | Denied |
1570 | </span> | 1570 | </span> |
1571 | </td> | 1571 | </td> |
1572 | <td class="px-4 py-3 text-sm"> | 1572 | <td class="px-4 py-3 text-sm"> |
1573 | 6/10/2020 | 1573 | 6/10/2020 |
1574 | </td> | 1574 | </td> |
1575 | </tr> | 1575 | </tr> |
1576 | 1576 | ||
1577 | <tr class="text-gray-700 dark:text-gray-400"> | 1577 | <tr class="text-gray-700 dark:text-gray-400"> |
1578 | <td class="px-4 py-3"> | 1578 | <td class="px-4 py-3"> |
1579 | <div class="flex items-center text-sm"> | 1579 | <div class="flex items-center text-sm"> |
1580 | 1580 | ||
1581 | <div | 1581 | <div |
1582 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1582 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1583 | > | 1583 | > |
1584 | <img | 1584 | <img |
1585 | class="object-cover w-full h-full rounded-full" | 1585 | class="object-cover w-full h-full rounded-full" |
1586 | src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" | 1586 | src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" |
1587 | alt="" | 1587 | alt="" |
1588 | loading="lazy" | 1588 | loading="lazy" |
1589 | /> | 1589 | /> |
1590 | <div | 1590 | <div |
1591 | class="absolute inset-0 rounded-full shadow-inner" | 1591 | class="absolute inset-0 rounded-full shadow-inner" |
1592 | aria-hidden="true" | 1592 | aria-hidden="true" |
1593 | ></div> | 1593 | ></div> |
1594 | </div> | 1594 | </div> |
1595 | <div> | 1595 | <div> |
1596 | <p class="font-semibold">Rulia Joberts</p> | 1596 | <p class="font-semibold">Rulia Joberts</p> |
1597 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1597 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1598 | Actress | 1598 | Actress |
1599 | </p> | 1599 | </p> |
1600 | </div> | 1600 | </div> |
1601 | </div> | 1601 | </div> |
1602 | </td> | 1602 | </td> |
1603 | <td class="px-4 py-3 text-sm"> | 1603 | <td class="px-4 py-3 text-sm"> |
1604 | $ 1276.45 | 1604 | $ 1276.45 |
1605 | </td> | 1605 | </td> |
1606 | <td class="px-4 py-3 text-xs"> | 1606 | <td class="px-4 py-3 text-xs"> |
1607 | <span | 1607 | <span |
1608 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" | 1608 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" |
1609 | > | 1609 | > |
1610 | Approved | 1610 | Approved |
1611 | </span> | 1611 | </span> |
1612 | </td> | 1612 | </td> |
1613 | <td class="px-4 py-3 text-sm"> | 1613 | <td class="px-4 py-3 text-sm"> |
1614 | 6/10/2020 | 1614 | 6/10/2020 |
1615 | </td> | 1615 | </td> |
1616 | </tr> | 1616 | </tr> |
1617 | 1617 | ||
1618 | <tr class="text-gray-700 dark:text-gray-400"> | 1618 | <tr class="text-gray-700 dark:text-gray-400"> |
1619 | <td class="px-4 py-3"> | 1619 | <td class="px-4 py-3"> |
1620 | <div class="flex items-center text-sm"> | 1620 | <div class="flex items-center text-sm"> |
1621 | 1621 | ||
1622 | <div | 1622 | <div |
1623 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1623 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1624 | > | 1624 | > |
1625 | <img | 1625 | <img |
1626 | class="object-cover w-full h-full rounded-full" | 1626 | class="object-cover w-full h-full rounded-full" |
1627 | src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" | 1627 | src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" |
1628 | alt="" | 1628 | alt="" |
1629 | loading="lazy" | 1629 | loading="lazy" |
1630 | /> | 1630 | /> |
1631 | <div | 1631 | <div |
1632 | class="absolute inset-0 rounded-full shadow-inner" | 1632 | class="absolute inset-0 rounded-full shadow-inner" |
1633 | aria-hidden="true" | 1633 | aria-hidden="true" |
1634 | ></div> | 1634 | ></div> |
1635 | </div> | 1635 | </div> |
1636 | <div> | 1636 | <div> |
1637 | <p class="font-semibold">Wenzel Dashington</p> | 1637 | <p class="font-semibold">Wenzel Dashington</p> |
1638 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1638 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1639 | Actor | 1639 | Actor |
1640 | </p> | 1640 | </p> |
1641 | </div> | 1641 | </div> |
1642 | </div> | 1642 | </div> |
1643 | </td> | 1643 | </td> |
1644 | <td class="px-4 py-3 text-sm"> | 1644 | <td class="px-4 py-3 text-sm"> |
1645 | $ 863.45 | 1645 | $ 863.45 |
1646 | </td> | 1646 | </td> |
1647 | <td class="px-4 py-3 text-xs"> | 1647 | <td class="px-4 py-3 text-xs"> |
1648 | <span | 1648 | <span |
1649 | class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700" | 1649 | class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700" |
1650 | > | 1650 | > |
1651 | Expired | 1651 | Expired |
1652 | </span> | 1652 | </span> |
1653 | </td> | 1653 | </td> |
1654 | <td class="px-4 py-3 text-sm"> | 1654 | <td class="px-4 py-3 text-sm"> |
1655 | 6/10/2020 | 1655 | 6/10/2020 |
1656 | </td> | 1656 | </td> |
1657 | </tr> | 1657 | </tr> |
1658 | 1658 | ||
1659 | <tr class="text-gray-700 dark:text-gray-400"> | 1659 | <tr class="text-gray-700 dark:text-gray-400"> |
1660 | <td class="px-4 py-3"> | 1660 | <td class="px-4 py-3"> |
1661 | <div class="flex items-center text-sm"> | 1661 | <div class="flex items-center text-sm"> |
1662 | 1662 | ||
1663 | <div | 1663 | <div |
1664 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1664 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1665 | > | 1665 | > |
1666 | <img | 1666 | <img |
1667 | class="object-cover w-full h-full rounded-full" | 1667 | class="object-cover w-full h-full rounded-full" |
1668 | src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5" | 1668 | src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5" |
1669 | alt="" | 1669 | alt="" |
1670 | loading="lazy" | 1670 | loading="lazy" |
1671 | /> | 1671 | /> |
1672 | <div | 1672 | <div |
1673 | class="absolute inset-0 rounded-full shadow-inner" | 1673 | class="absolute inset-0 rounded-full shadow-inner" |
1674 | aria-hidden="true" | 1674 | aria-hidden="true" |
1675 | ></div> | 1675 | ></div> |
1676 | </div> | 1676 | </div> |
1677 | <div> | 1677 | <div> |
1678 | <p class="font-semibold">Dave Li</p> | 1678 | <p class="font-semibold">Dave Li</p> |
1679 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1679 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1680 | Influencer | 1680 | Influencer |
1681 | </p> | 1681 | </p> |
1682 | </div> | 1682 | </div> |
1683 | </div> | 1683 | </div> |
1684 | </td> | 1684 | </td> |
1685 | <td class="px-4 py-3 text-sm"> | 1685 | <td class="px-4 py-3 text-sm"> |
1686 | $ 863.45 | 1686 | $ 863.45 |
1687 | </td> | 1687 | </td> |
1688 | <td class="px-4 py-3 text-xs"> | 1688 | <td class="px-4 py-3 text-xs"> |
1689 | <span | 1689 | <span |
1690 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" | 1690 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" |
1691 | > | 1691 | > |
1692 | Approved | 1692 | Approved |
1693 | </span> | 1693 | </span> |
1694 | </td> | 1694 | </td> |
1695 | <td class="px-4 py-3 text-sm"> | 1695 | <td class="px-4 py-3 text-sm"> |
1696 | 6/10/2020 | 1696 | 6/10/2020 |
1697 | </td> | 1697 | </td> |
1698 | </tr> | 1698 | </tr> |
1699 | 1699 | ||
1700 | <tr class="text-gray-700 dark:text-gray-400"> | 1700 | <tr class="text-gray-700 dark:text-gray-400"> |
1701 | <td class="px-4 py-3"> | 1701 | <td class="px-4 py-3"> |
1702 | <div class="flex items-center text-sm"> | 1702 | <div class="flex items-center text-sm"> |
1703 | 1703 | ||
1704 | <div | 1704 | <div |
1705 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1705 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1706 | > | 1706 | > |
1707 | <img | 1707 | <img |
1708 | class="object-cover w-full h-full rounded-full" | 1708 | class="object-cover w-full h-full rounded-full" |
1709 | src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" | 1709 | src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" |
1710 | alt="" | 1710 | alt="" |
1711 | loading="lazy" | 1711 | loading="lazy" |
1712 | /> | 1712 | /> |
1713 | <div | 1713 | <div |
1714 | class="absolute inset-0 rounded-full shadow-inner" | 1714 | class="absolute inset-0 rounded-full shadow-inner" |
1715 | aria-hidden="true" | 1715 | aria-hidden="true" |
1716 | ></div> | 1716 | ></div> |
1717 | </div> | 1717 | </div> |
1718 | <div> | 1718 | <div> |
1719 | <p class="font-semibold">Maria Ramovic</p> | 1719 | <p class="font-semibold">Maria Ramovic</p> |
1720 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1720 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1721 | Runner | 1721 | Runner |
1722 | </p> | 1722 | </p> |
1723 | </div> | 1723 | </div> |
1724 | </div> | 1724 | </div> |
1725 | </td> | 1725 | </td> |
1726 | <td class="px-4 py-3 text-sm"> | 1726 | <td class="px-4 py-3 text-sm"> |
1727 | $ 863.45 | 1727 | $ 863.45 |
1728 | </td> | 1728 | </td> |
1729 | <td class="px-4 py-3 text-xs"> | 1729 | <td class="px-4 py-3 text-xs"> |
1730 | <span | 1730 | <span |
1731 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" | 1731 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" |
1732 | > | 1732 | > |
1733 | Approved | 1733 | Approved |
1734 | </span> | 1734 | </span> |
1735 | </td> | 1735 | </td> |
1736 | <td class="px-4 py-3 text-sm"> | 1736 | <td class="px-4 py-3 text-sm"> |
1737 | 6/10/2020 | 1737 | 6/10/2020 |
1738 | </td> | 1738 | </td> |
1739 | </tr> | 1739 | </tr> |
1740 | 1740 | ||
1741 | <tr class="text-gray-700 dark:text-gray-400"> | 1741 | <tr class="text-gray-700 dark:text-gray-400"> |
1742 | <td class="px-4 py-3"> | 1742 | <td class="px-4 py-3"> |
1743 | <div class="flex items-center text-sm"> | 1743 | <div class="flex items-center text-sm"> |
1744 | 1744 | ||
1745 | <div | 1745 | <div |
1746 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1746 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1747 | > | 1747 | > |
1748 | <img | 1748 | <img |
1749 | class="object-cover w-full h-full rounded-full" | 1749 | class="object-cover w-full h-full rounded-full" |
1750 | src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" | 1750 | src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" |
1751 | alt="" | 1751 | alt="" |
1752 | loading="lazy" | 1752 | loading="lazy" |
1753 | /> | 1753 | /> |
1754 | <div | 1754 | <div |
1755 | class="absolute inset-0 rounded-full shadow-inner" | 1755 | class="absolute inset-0 rounded-full shadow-inner" |
1756 | aria-hidden="true" | 1756 | aria-hidden="true" |
1757 | ></div> | 1757 | ></div> |
1758 | </div> | 1758 | </div> |
1759 | <div> | 1759 | <div> |
1760 | <p class="font-semibold">Hitney Wouston</p> | 1760 | <p class="font-semibold">Hitney Wouston</p> |
1761 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1761 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1762 | Singer | 1762 | Singer |
1763 | </p> | 1763 | </p> |
1764 | </div> | 1764 | </div> |
1765 | </div> | 1765 | </div> |
1766 | </td> | 1766 | </td> |
1767 | <td class="px-4 py-3 text-sm"> | 1767 | <td class="px-4 py-3 text-sm"> |
1768 | $ 863.45 | 1768 | $ 863.45 |
1769 | </td> | 1769 | </td> |
1770 | <td class="px-4 py-3 text-xs"> | 1770 | <td class="px-4 py-3 text-xs"> |
1771 | <span | 1771 | <span |
1772 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" | 1772 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" |
1773 | > | 1773 | > |
1774 | Approved | 1774 | Approved |
1775 | </span> | 1775 | </span> |
1776 | </td> | 1776 | </td> |
1777 | <td class="px-4 py-3 text-sm"> | 1777 | <td class="px-4 py-3 text-sm"> |
1778 | 6/10/2020 | 1778 | 6/10/2020 |
1779 | </td> | 1779 | </td> |
1780 | </tr> | 1780 | </tr> |
1781 | 1781 | ||
1782 | <tr class="text-gray-700 dark:text-gray-400"> | 1782 | <tr class="text-gray-700 dark:text-gray-400"> |
1783 | <td class="px-4 py-3"> | 1783 | <td class="px-4 py-3"> |
1784 | <div class="flex items-center text-sm"> | 1784 | <div class="flex items-center text-sm"> |
1785 | 1785 | ||
1786 | <div | 1786 | <div |
1787 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1787 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1788 | > | 1788 | > |
1789 | <img | 1789 | <img |
1790 | class="object-cover w-full h-full rounded-full" | 1790 | class="object-cover w-full h-full rounded-full" |
1791 | src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" | 1791 | src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" |
1792 | alt="" | 1792 | alt="" |
1793 | loading="lazy" | 1793 | loading="lazy" |
1794 | /> | 1794 | /> |
1795 | <div | 1795 | <div |
1796 | class="absolute inset-0 rounded-full shadow-inner" | 1796 | class="absolute inset-0 rounded-full shadow-inner" |
1797 | aria-hidden="true" | 1797 | aria-hidden="true" |
1798 | ></div> | 1798 | ></div> |
1799 | </div> | 1799 | </div> |
1800 | <div> | 1800 | <div> |
1801 | <p class="font-semibold">Hans Burger</p> | 1801 | <p class="font-semibold">Hans Burger</p> |
1802 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1802 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1803 | 10x Developer | 1803 | 10x Developer |
1804 | </p> | 1804 | </p> |
1805 | </div> | 1805 | </div> |
1806 | </div> | 1806 | </div> |
1807 | </td> | 1807 | </td> |
1808 | <td class="px-4 py-3 text-sm"> | 1808 | <td class="px-4 py-3 text-sm"> |
1809 | $ 863.45 | 1809 | $ 863.45 |
1810 | </td> | 1810 | </td> |
1811 | <td class="px-4 py-3 text-xs"> | 1811 | <td class="px-4 py-3 text-xs"> |
1812 | <span | 1812 | <span |
1813 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" | 1813 | class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" |
1814 | > | 1814 | > |
1815 | Approved | 1815 | Approved |
1816 | </span> | 1816 | </span> |
1817 | </td> | 1817 | </td> |
1818 | <td class="px-4 py-3 text-sm"> | 1818 | <td class="px-4 py-3 text-sm"> |
1819 | 6/10/2020 | 1819 | 6/10/2020 |
1820 | </td> | 1820 | </td> |
1821 | </tr> | 1821 | </tr> |
1822 | </tbody> | 1822 | </tbody> |
1823 | </table> | 1823 | </table> |
1824 | </div> | 1824 | </div> |
1825 | <div | 1825 | <div |
1826 | class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800" | 1826 | class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800" |
1827 | > | 1827 | > |
1828 | <span class="flex items-center col-span-3"> | 1828 | <span class="flex items-center col-span-3"> |
1829 | Showing 21-30 of 100 | 1829 | Showing 21-30 of 100 |
1830 | </span> | 1830 | </span> |
1831 | <span class="col-span-2"></span> | 1831 | <span class="col-span-2"></span> |
1832 | 1832 | ||
1833 | <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> | 1833 | <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> |
1834 | <nav aria-label="Table navigation"> | 1834 | <nav aria-label="Table navigation"> |
1835 | <ul class="inline-flex items-center"> | 1835 | <ul class="inline-flex items-center"> |
1836 | <li> | 1836 | <li> |
1837 | <button | 1837 | <button |
1838 | class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" | 1838 | class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" |
1839 | aria-label="Previous" | 1839 | aria-label="Previous" |
1840 | > | 1840 | > |
1841 | <svg | 1841 | <svg |
1842 | aria-hidden="true" | 1842 | aria-hidden="true" |
1843 | class="w-4 h-4 fill-current" | 1843 | class="w-4 h-4 fill-current" |
1844 | viewBox="0 0 20 20" | 1844 | viewBox="0 0 20 20" |
1845 | > | 1845 | > |
1846 | <path | 1846 | <path |
1847 | d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" | 1847 | d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" |
1848 | clip-rule="evenodd" | 1848 | clip-rule="evenodd" |
1849 | fill-rule="evenodd" | 1849 | fill-rule="evenodd" |
1850 | ></path> | 1850 | ></path> |
1851 | </svg> | 1851 | </svg> |
1852 | </button> | 1852 | </button> |
1853 | </li> | 1853 | </li> |
1854 | <li> | 1854 | <li> |
1855 | <button | 1855 | <button |
1856 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1856 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1857 | > | 1857 | > |
1858 | 1 | 1858 | 1 |
1859 | </button> | 1859 | </button> |
1860 | </li> | 1860 | </li> |
1861 | <li> | 1861 | <li> |
1862 | <button | 1862 | <button |
1863 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1863 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1864 | > | 1864 | > |
1865 | 2 | 1865 | 2 |
1866 | </button> | 1866 | </button> |
1867 | </li> | 1867 | </li> |
1868 | <li> | 1868 | <li> |
1869 | <button | 1869 | <button |
1870 | class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple" | 1870 | class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple" |
1871 | > | 1871 | > |
1872 | 3 | 1872 | 3 |
1873 | </button> | 1873 | </button> |
1874 | </li> | 1874 | </li> |
1875 | <li> | 1875 | <li> |
1876 | <button | 1876 | <button |
1877 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1877 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1878 | > | 1878 | > |
1879 | 4 | 1879 | 4 |
1880 | </button> | 1880 | </button> |
1881 | </li> | 1881 | </li> |
1882 | <li> | 1882 | <li> |
1883 | <span class="px-3 py-1">...</span> | 1883 | <span class="px-3 py-1">...</span> |
1884 | </li> | 1884 | </li> |
1885 | <li> | 1885 | <li> |
1886 | <button | 1886 | <button |
1887 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1887 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1888 | > | 1888 | > |
1889 | 8 | 1889 | 8 |
1890 | </button> | 1890 | </button> |
1891 | </li> | 1891 | </li> |
1892 | <li> | 1892 | <li> |
1893 | <button | 1893 | <button |
1894 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1894 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1895 | > | 1895 | > |
1896 | 9 | 1896 | 9 |
1897 | </button> | 1897 | </button> |
1898 | </li> | 1898 | </li> |
1899 | <li> | 1899 | <li> |
1900 | <button | 1900 | <button |
1901 | class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" | 1901 | class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" |
1902 | aria-label="Next" | 1902 | aria-label="Next" |
1903 | > | 1903 | > |
1904 | <svg | 1904 | <svg |
1905 | class="w-4 h-4 fill-current" | 1905 | class="w-4 h-4 fill-current" |
1906 | aria-hidden="true" | 1906 | aria-hidden="true" |
1907 | viewBox="0 0 20 20" | 1907 | viewBox="0 0 20 20" |
1908 | > | 1908 | > |
1909 | <path | 1909 | <path |
1910 | d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" | 1910 | d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" |
1911 | clip-rule="evenodd" | 1911 | clip-rule="evenodd" |
1912 | fill-rule="evenodd" | 1912 | fill-rule="evenodd" |
1913 | ></path> | 1913 | ></path> |
1914 | </svg> | 1914 | </svg> |
1915 | </button> | 1915 | </button> |
1916 | </li> | 1916 | </li> |
1917 | </ul> | 1917 | </ul> |
1918 | </nav> | 1918 | </nav> |
1919 | </span> | 1919 | </span> |
1920 | </div> | 1920 | </div> |
1921 | </div> | 1921 | </div> |
1922 | --> | 1922 | --> |
1923 | <!-- Charts --> | 1923 | <!-- Charts --> |
1924 | <!-- | 1924 | <!-- |
1925 | <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> | 1925 | <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> |
1926 | Графики | 1926 | Графики |
1927 | </h2> | 1927 | </h2> |
1928 | <div class="grid gap-6 mb-8 md:grid-cols-2"> | 1928 | <div class="grid gap-6 mb-8 md:grid-cols-2"> |
1929 | <div | 1929 | <div |
1930 | class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1930 | class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1931 | > | 1931 | > |
1932 | <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> | 1932 | <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> |
1933 | Revenue | 1933 | Revenue |
1934 | </h4> | 1934 | </h4> |
1935 | <canvas id="pie"></canvas> | 1935 | <canvas id="pie"></canvas> |
1936 | <div | 1936 | <div |
1937 | class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" | 1937 | class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" |
1938 | > | 1938 | > |
1939 | 1939 | ||
1940 | <div class="flex items-center"> | 1940 | <div class="flex items-center"> |
1941 | <span | 1941 | <span |
1942 | class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" | 1942 | class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" |
1943 | ></span> | 1943 | ></span> |
1944 | <span>Shirts</span> | 1944 | <span>Shirts</span> |
1945 | </div> | 1945 | </div> |
1946 | <div class="flex items-center"> | 1946 | <div class="flex items-center"> |
1947 | <span | 1947 | <span |
1948 | class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" | 1948 | class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" |
1949 | ></span> | 1949 | ></span> |
1950 | <span>Shoes</span> | 1950 | <span>Shoes</span> |
1951 | </div> | 1951 | </div> |
1952 | <div class="flex items-center"> | 1952 | <div class="flex items-center"> |
1953 | <span | 1953 | <span |
1954 | class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" | 1954 | class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" |
1955 | ></span> | 1955 | ></span> |
1956 | <span>Bags</span> | 1956 | <span>Bags</span> |
1957 | </div> | 1957 | </div> |
1958 | </div> | 1958 | </div> |
1959 | </div> | 1959 | </div> |
1960 | <div | 1960 | <div |
1961 | class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1961 | class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1962 | > | 1962 | > |
1963 | <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> | 1963 | <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> |
1964 | Traffic | 1964 | Traffic |
1965 | </h4> | 1965 | </h4> |
1966 | <canvas id="line"></canvas> | 1966 | <canvas id="line"></canvas> |
1967 | <div | 1967 | <div |
1968 | class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" | 1968 | class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" |
1969 | > | 1969 | > |
1970 | 1970 | ||
1971 | <div class="flex items-center"> | 1971 | <div class="flex items-center"> |
1972 | <span | 1972 | <span |
1973 | class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" | 1973 | class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" |
1974 | ></span> | 1974 | ></span> |
1975 | <span>Organic</span> | 1975 | <span>Organic</span> |
1976 | </div> | 1976 | </div> |
1977 | <div class="flex items-center"> | 1977 | <div class="flex items-center"> |
1978 | <span | 1978 | <span |
1979 | class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" | 1979 | class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" |
1980 | ></span> | 1980 | ></span> |
1981 | <span>Paid</span> | 1981 | <span>Paid</span> |
1982 | </div> | 1982 | </div> |
1983 | </div> | 1983 | </div> |
1984 | </div> | 1984 | </div> |
1985 | </div> | 1985 | </div> |
1986 | --> | 1986 | --> |
1987 | </div> | 1987 | </div> |
1988 | </main> | 1988 | </main> |
1989 | </div> | 1989 | </div> |
1990 | </div> | 1990 | </div> |
1991 | @yield('modal') | 1991 | @yield('modal') |
1992 | </body> | 1992 | </body> |
1993 | @yield('script') | 1993 | @yield('script') |
1994 | </html> | 1994 | </html> |
1995 | 1995 |