Skip to content

Commit 19fecfe

Browse files
MaxTheGeeekMaxTheGeeek
authored
ADD: server management-login (stereum-dev#1672)
* REMOVE: old login page * ADD: server managment pages * ADD: menu box to header * ADD: menu icons & btns * REFACTOR: server management structure * ADD: srever management to login route * ADD: ssh panel as a parnet for ssh * ADD: details panel and components * ADD: server panel a parent for rows * ADD: loging panel * ADD: menu functionality & states * FIX: some fixes * FIX: generate key modal * CHANGE: ssh panel style * ADD: ubuntu os update panel * FIX: dynamic tab picker * ADD: update os row static * CHANGE: comment * FIX: i18n error
1 parent 4b8a215 commit 19fecfe

39 files changed

+771
-522
lines changed

‎launcher/public/img/icon/form-setup/download.png‎

2.63 KB
Loading

‎launcher/public/img/icon/form-setup/infos.png‎

2.8 KB
Loading

‎launcher/public/img/icon/form-setup/lock.png‎

3.97 KB
Loading

‎launcher/public/img/icon/form-setup/login.png‎

14.8 KB
Loading

‎launcher/public/img/icon/header-icons/open.png‎

564 Bytes
Loading

‎launcher/public/output.css‎

Lines changed: 76 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -756,10 +756,6 @@ video {
756756
left: -1px;
757757
}
758758

759-
.-left-\[7px\]{
760-
left: -7px;
761-
}
762-
763759
.-right-2{
764760
right: -0.5rem;
765761
}
@@ -840,6 +836,10 @@ video {
840836
inset-inline-end: 0.25rem;
841837
}
842838

839+
.end-2{
840+
inset-inline-end: 0.5rem;
841+
}
842+
843843
.left-0{
844844
left: 0px;
845845
}
@@ -952,6 +952,10 @@ video {
952952
top: 1.25rem;
953953
}
954954

955+
.top-8{
956+
top: 2rem;
957+
}
958+
955959
.top-\[-18px\]{
956960
top: -18px;
957961
}
@@ -960,18 +964,6 @@ video {
960964
top: 7rem;
961965
}
962966

963-
.top-11{
964-
top: 2.75rem;
965-
}
966-
967-
.end-2{
968-
inset-inline-end: 0.5rem;
969-
}
970-
971-
.top-8{
972-
top: 2rem;
973-
}
974-
975967
.-z-10{
976968
z-index: -10;
977969
}
@@ -1272,10 +1264,6 @@ video {
12721264
grid-row-start: 7;
12731265
}
12741266

1275-
.row-start-8{
1276-
grid-row-start: 8;
1277-
}
1278-
12791267
.row-start-9{
12801268
grid-row-start: 9;
12811269
}
@@ -1320,10 +1308,6 @@ video {
13201308
grid-row-end: 7;
13211309
}
13221310

1323-
.row-end-8{
1324-
grid-row-end: 8;
1325-
}
1326-
13271311
.row-end-9{
13281312
grid-row-end: 9;
13291313
}
@@ -1745,10 +1729,6 @@ video {
17451729
max-height: 100px;
17461730
}
17471731

1748-
.max-h-\[105px\]{
1749-
max-height: 105px;
1750-
}
1751-
17521732
.max-h-\[110px\]{
17531733
max-height: 110px;
17541734
}
@@ -1761,6 +1741,10 @@ video {
17611741
max-height: 150px;
17621742
}
17631743

1744+
.max-h-\[160px\]{
1745+
max-height: 160px;
1746+
}
1747+
17641748
.max-h-\[165px\]{
17651749
max-height: 165px;
17661750
}
@@ -1785,6 +1769,10 @@ video {
17851769
max-height: 300px;
17861770
}
17871771

1772+
.max-h-\[319px\]{
1773+
max-height: 319px;
1774+
}
1775+
17881776
.max-h-\[320px\]{
17891777
max-height: 320px;
17901778
}
@@ -1833,10 +1821,6 @@ video {
18331821
max-height: 100%;
18341822
}
18351823

1836-
.max-h-\[160px\]{
1837-
max-height: 160px;
1838-
}
1839-
18401824
.min-h-11{
18411825
min-height: 2.75rem;
18421826
}
@@ -1933,6 +1917,10 @@ video {
19331917
width: 0.75rem;
19341918
}
19351919

1920+
.w-3\/4{
1921+
width: 75%;
1922+
}
1923+
19361924
.w-3\/5{
19371925
width: 60%;
19381926
}
@@ -2025,10 +2013,6 @@ video {
20252013
width: 178px;
20262014
}
20272015

2028-
.w-\[17px\]{
2029-
width: 17px;
2030-
}
2031-
20322016
.w-\[190px\]{
20332017
width: 190px;
20342018
}
@@ -2107,10 +2091,6 @@ video {
21072091
width: 100vw;
21082092
}
21092093

2110-
.w-3\/4{
2111-
width: 75%;
2112-
}
2113-
21142094
.min-w-\[100px\]{
21152095
min-width: 100px;
21162096
}
@@ -2375,14 +2355,14 @@ video {
23752355
grid-template-columns: repeat(7, minmax(0, 1fr));
23762356
}
23772357

2378-
.grid-cols-9{
2379-
grid-template-columns: repeat(9, minmax(0, 1fr));
2380-
}
2381-
23822358
.grid-cols-8{
23832359
grid-template-columns: repeat(8, minmax(0, 1fr));
23842360
}
23852361

2362+
.grid-cols-9{
2363+
grid-template-columns: repeat(9, minmax(0, 1fr));
2364+
}
2365+
23862366
.grid-rows-1{
23872367
grid-template-rows: repeat(1, minmax(0, 1fr));
23882368
}
@@ -2894,10 +2874,6 @@ video {
28942874
border-top-width: 2px;
28952875
}
28962876

2897-
.border-e{
2898-
border-inline-end-width: 1px;
2899-
}
2900-
29012877
.border-dashed{
29022878
border-style: dashed;
29032879
}
@@ -3021,11 +2997,21 @@ video {
30212997
border-color: rgb(220 38 38 / var(--tw-border-opacity));
30222998
}
30232999

3000+
.border-red-800{
3001+
--tw-border-opacity: 1;
3002+
border-color: rgb(153 27 27 / var(--tw-border-opacity));
3003+
}
3004+
30243005
.border-slate-500{
30253006
--tw-border-opacity: 1;
30263007
border-color: rgb(100 116 139 / var(--tw-border-opacity));
30273008
}
30283009

3010+
.border-teal-200{
3011+
--tw-border-opacity: 1;
3012+
border-color: rgb(153 246 228 / var(--tw-border-opacity));
3013+
}
3014+
30293015
.border-teal-300{
30303016
--tw-border-opacity: 1;
30313017
border-color: rgb(94 234 212 / var(--tw-border-opacity));
@@ -3046,6 +3032,11 @@ video {
30463032
border-color: rgb(15 118 110 / var(--tw-border-opacity));
30473033
}
30483034

3035+
.border-teal-800{
3036+
--tw-border-opacity: 1;
3037+
border-color: rgb(17 94 89 / var(--tw-border-opacity));
3038+
}
3039+
30493040
.border-transparent{
30503041
border-color: transparent;
30513042
}
@@ -3183,6 +3174,11 @@ video {
31833174
background-color: rgb(27 29 31 / var(--tw-bg-opacity));
31843175
}
31853176

3177+
.bg-\[\#1b3231\]{
3178+
--tw-bg-opacity: 1;
3179+
background-color: rgb(27 50 49 / var(--tw-bg-opacity));
3180+
}
3181+
31863182
.bg-\[\#1c1d1d\]{
31873183
--tw-bg-opacity: 1;
31883184
background-color: rgb(28 29 29 / var(--tw-bg-opacity));
@@ -3602,11 +3598,6 @@ video {
36023598
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
36033599
}
36043600

3605-
.bg-\[\#336363\]{
3606-
--tw-bg-opacity: 1;
3607-
background-color: rgb(51 99 99 / var(--tw-bg-opacity));
3608-
}
3609-
36103601
.bg-opacity-80{
36113602
--tw-bg-opacity: 0.8;
36123603
}
@@ -3801,10 +3792,6 @@ video {
38013792
padding-inline-end: 2.5rem;
38023793
}
38033794

3804-
.pl-0{
3805-
padding-left: 0px;
3806-
}
3807-
38083795
.pl-1{
38093796
padding-left: 0.25rem;
38103797
}
@@ -3882,9 +3869,9 @@ video {
38823869
font-size: 10px;
38833870
}
38843871

3885-
.text-5xl{
3886-
font-size: 3rem;
3887-
line-height: 1;
3872+
.text-3xl{
3873+
font-size: 1.875rem;
3874+
line-height: 2.25rem;
38883875
}
38893876

38903877
.text-\[10px\]{
@@ -3933,6 +3920,11 @@ video {
39333920
line-height: 1.25rem;
39343921
}
39353922

3923+
.text-sm\/none{
3924+
font-size: 0.875rem;
3925+
line-height: 1;
3926+
}
3927+
39363928
.text-xl{
39373929
font-size: 1.25rem;
39383930
line-height: 1.75rem;
@@ -3943,16 +3935,6 @@ video {
39433935
line-height: 1rem;
39443936
}
39453937

3946-
.text-3xl{
3947-
font-size: 1.875rem;
3948-
line-height: 2.25rem;
3949-
}
3950-
3951-
.text-sm\/none{
3952-
font-size: 0.875rem;
3953-
line-height: 1;
3954-
}
3955-
39563938
.font-bold{
39573939
font-weight: 700;
39583940
}
@@ -4862,6 +4844,11 @@ html body {
48624844
border-color: rgb(96 165 250 / var(--tw-border-opacity));
48634845
}
48644846

4847+
.hover\:border-gray-200:hover{
4848+
--tw-border-opacity: 1;
4849+
border-color: rgb(229 231 235 / var(--tw-border-opacity));
4850+
}
4851+
48654852
.hover\:border-gray-300:hover{
48664853
--tw-border-opacity: 1;
48674854
border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -4887,6 +4874,11 @@ html body {
48874874
border-color: rgb(148 163 184 / var(--tw-border-opacity));
48884875
}
48894876

4877+
.hover\:border-teal-200:hover{
4878+
--tw-border-opacity: 1;
4879+
border-color: rgb(153 246 228 / var(--tw-border-opacity));
4880+
}
4881+
48904882
.hover\:border-teal-500:hover{
48914883
--tw-border-opacity: 1;
48924884
border-color: rgb(20 184 166 / var(--tw-border-opacity));
@@ -5027,6 +5019,11 @@ html body {
50275019
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
50285020
}
50295021

5022+
.hover\:bg-red-950:hover{
5023+
--tw-bg-opacity: 1;
5024+
background-color: rgb(69 10 10 / var(--tw-bg-opacity));
5025+
}
5026+
50305027
.hover\:bg-slate-300:hover{
50315028
--tw-bg-opacity: 1;
50325029
background-color: rgb(203 213 225 / var(--tw-bg-opacity));
@@ -5062,16 +5059,6 @@ html body {
50625059
background-color: rgb(4 47 46 / var(--tw-bg-opacity));
50635060
}
50645061

5065-
.hover\:bg-gray-50:hover{
5066-
--tw-bg-opacity: 1;
5067-
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
5068-
}
5069-
5070-
.hover\:bg-red-50:hover{
5071-
--tw-bg-opacity: 1;
5072-
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
5073-
}
5074-
50755062
.hover\:bg-opacity-10:hover{
50765063
--tw-bg-opacity: 0.1;
50775064
}
@@ -5081,6 +5068,11 @@ html body {
50815068
color: rgb(243 244 246 / var(--tw-text-opacity));
50825069
}
50835070

5071+
.hover\:text-gray-200:hover{
5072+
--tw-text-opacity: 1;
5073+
color: rgb(229 231 235 / var(--tw-text-opacity));
5074+
}
5075+
50845076
.hover\:text-gray-300:hover{
50855077
--tw-text-opacity: 1;
50865078
color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -5091,14 +5083,14 @@ html body {
50915083
color: rgb(55 65 81 / var(--tw-text-opacity));
50925084
}
50935085

5094-
.hover\:text-white:hover{
5086+
.hover\:text-teal-500:hover{
50955087
--tw-text-opacity: 1;
5096-
color: rgb(255 255 255 / var(--tw-text-opacity));
5088+
color: rgb(20 184 166 / var(--tw-text-opacity));
50975089
}
50985090

5099-
.hover\:text-gray-200:hover{
5091+
.hover\:text-white:hover{
51005092
--tw-text-opacity: 1;
5101-
color: rgb(229 231 235 / var(--tw-text-opacity));
5093+
color: rgb(255 255 255 / var(--tw-text-opacity));
51025094
}
51035095

51045096
.hover\:shadow-2xl:hover{

‎launcher/src/components/UI/multi-server/components/ServerHeader.vue‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

‎launcher/src/components/UI/multi-server/components/login-form/LoginBox.vue‎

Lines changed: 0 additions & 11 deletions
This file was deleted.

0 commit comments

Comments
 (0)