Skip to content

Commit

Permalink
ADD : installation base layout (#1504)
Browse files Browse the repository at this point in the history 
* ADD:installationLayout & new login structure

* ADD: new form ui

* ADD: reload edit page after changes confirmation
  • Loading branch information
@MaxTheGeeek
MaxTheGeeek committed Oct 23, 2023
1 parent edffaa2 commit 2178814
Show file tree
Hide file tree
Showing 23 changed files with 530 additions and 875 deletions.
173 changes: 168 additions & 5 deletions launcher/public/output.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -820,6 +820,10 @@ video {
right: 8px;
}

.start-0{
inset-inline-start: 0px;
}

.top-0{
top: 0px;
}
Expand All @@ -832,6 +836,10 @@ video {
top: 2.5rem;
}

.top-2{
top: 0.5rem;
}

.top-\[-18px\]{
top: -18px;
}
Expand Down Expand Up @@ -868,6 +876,10 @@ video {
grid-column: span 1 / span 1;
}

.col-span-10{
grid-column: span 10 / span 10;
}

.col-span-3{
grid-column: span 3 / span 3;
}
Expand All @@ -880,6 +892,18 @@ video {
grid-column: span 7 / span 7;
}

.col-span-8{
grid-column: span 8 / span 8;
}

.col-span-full{
grid-column: 1 / -1;
}

.col-span-9{
grid-column: span 9 / span 9;
}

.col-start-1{
grid-column-start: 1;
}
Expand Down Expand Up @@ -960,6 +984,10 @@ video {
grid-column-end: 21;
}

.col-end-22{
grid-column-end: 22;
}

.col-end-23{
grid-column-end: 23;
}
Expand Down Expand Up @@ -1004,6 +1032,10 @@ video {
grid-row: span 6 / span 6;
}

.row-span-full{
grid-row: 1 / -1;
}

.row-start-1{
grid-row-start: 1;
}
Expand All @@ -1028,10 +1060,18 @@ video {
grid-row-start: 4;
}

.row-start-5{
grid-row-start: 5;
}

.row-start-7{
grid-row-start: 7;
}

.row-end-11{
grid-row-end: 11;
}

.row-end-12{
grid-row-end: 12;
}
Expand Down Expand Up @@ -1064,6 +1104,10 @@ video {
margin: -0.25rem;
}

.m-1{
margin: 0.25rem;
}

.mx-1{
margin-left: 0.25rem;
margin-right: 0.25rem;
Expand Down Expand Up @@ -1226,6 +1270,10 @@ video {
height: 2.5rem;
}

.h-12{
height: 3rem;
}

.h-16{
height: 4rem;
}
Expand Down Expand Up @@ -1370,6 +1418,10 @@ video {
height: 100vh;
}

.h-14{
height: 3.5rem;
}

.max-h-60{
max-height: 15rem;
}
Expand Down Expand Up @@ -1606,6 +1658,12 @@ video {
width: 8rem;
}

.w-fit{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}

.w-full{
width: 100%;
}
Expand All @@ -1614,6 +1672,18 @@ video {
width: 100vw;
}

.w-\[100\]{
width: 100;
}

.w-\[100px\]{
width: 100px;
}

.w-\[150px\]{
width: 150px;
}

.min-w-\[100px\]{
min-width: 100px;
}
Expand Down Expand Up @@ -1835,6 +1905,10 @@ video {
grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-7{
grid-template-rows: repeat(7 , minmax(0,1fr));
}

.flex-col{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
Expand Down Expand Up @@ -2117,6 +2191,11 @@ video {
border-bottom-left-radius: 0.5rem;
}

.rounded-l-full{
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}

.rounded-l-xl{
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
Expand Down Expand Up @@ -2379,6 +2458,11 @@ video {
background-color: rgb(30 36 41 / var(--tw-bg-opacity));
}

.bg-\[\#1a2e2c\]{
--tw-bg-opacity: 1;
background-color: rgb(26 46 44 / var(--tw-bg-opacity));
}

.bg-\[\#1c1d1d\]{
--tw-bg-opacity: 1;
background-color: rgb(28 29 29 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -2449,6 +2533,11 @@ video {
background-color: rgb(48 50 50 / var(--tw-bg-opacity));
}

.bg-\[\#305c59\]{
--tw-bg-opacity: 1;
background-color: rgb(48 92 89 / var(--tw-bg-opacity));
}

.bg-\[\#33393E\]{
--tw-bg-opacity: 1;
background-color: rgb(51 57 62 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -2609,6 +2698,11 @@ video {
background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.bg-slate-500{
--tw-bg-opacity: 1;
background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.bg-slate-600{
--tw-bg-opacity: 1;
background-color: rgb(71 85 105 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -2638,11 +2732,6 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-zinc-900{
--tw-bg-opacity: 1;
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.bg-gradient-to-b{
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
Expand Down Expand Up @@ -3170,6 +3259,11 @@ video {
--tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#1c2122\]{
--tw-shadow-color: #1c2122;
--tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#252525\]{
--tw-shadow-color: #252525;
--tw-shadow: var(--tw-shadow-colored);
Expand Down Expand Up @@ -3403,6 +3497,10 @@ video {
--scrollbar-thumb: #115e59 !important;
}

.\[-webkit-tap-highlight-color\:_transparent\]{
-webkit-tap-highlight-color: transparent;
}

html body {
min-width: 1024px;
min-height: 576px;
Expand Down Expand Up @@ -3506,16 +3604,30 @@ html body {
content: var(--tw-content);
}

.peer:checked ~ .peer-checked\:start-6{
inset-inline-start: 1.5rem;
}

.peer:checked ~ .peer-checked\:border-green-600{
--tw-border-opacity: 1;
border-color: rgb(22 163 74 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:bg-green-500{
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-green-600{
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:text-green-600{
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:shadow-inner{
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
Expand Down Expand Up @@ -3555,6 +3667,13 @@ html body {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:overflow-y-auto:hover{
overflow-y: auto;
}
Expand Down Expand Up @@ -3583,6 +3702,11 @@ html body {
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.hover\:border-slate-400:hover{
--tw-border-opacity: 1;
border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.hover\:border-teal-600:hover{
--tw-border-opacity: 1;
border-color: rgb(13 148 136 / var(--tw-border-opacity));
Expand Down Expand Up @@ -3688,6 +3812,11 @@ html body {
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-slate-400:hover{
--tw-bg-opacity: 1;
background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.hover\:bg-slate-700:hover{
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
Expand All @@ -3703,6 +3832,15 @@ html body {
background-color: rgb(17 94 89 / var(--tw-bg-opacity));
}

.hover\:bg-\[\]:hover{
background-color: ;
}

.hover\:bg-\[\#264744\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(38 71 68 / var(--tw-bg-opacity));
}

.hover\:shadow-lg:hover{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
Expand All @@ -3717,6 +3855,13 @@ html body {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[\#1a1b1b\]:hover{
--tw-shadow-color: #1a1b1b;
--tw-shadow: var(--tw-shadow-colored);
Expand All @@ -3727,6 +3872,16 @@ html body {
--tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-gray-600:hover{
--tw-shadow-color: #4b5563;
--tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-gray-800:hover{
--tw-shadow-color: #1f2937;
--tw-shadow: var(--tw-shadow-colored);
}

.hover\:brightness-110:hover{
--tw-brightness: brightness(1.1);
-webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
Expand Down Expand Up @@ -3863,3 +4018,11 @@ html body {
margin-bottom: 0px;
}
}

.\[\&\:checked_\+_span_svg\[data-checked-icon\]\]\:block:checked + span svg[data-checked-icon]{
display: block;
}

.\[\&\:checked_\+_span_svg\[data-unchecked-icon\]\]\:hidden:checked + span svg[data-unchecked-icon]{
display: none;
}
Loading

0 comments on commit 2178814

Please sign in to comment.