Skip to content

Commit 2b6d3b3

Browse files
authored
Use flexbox more (hestiacp#3035)
1 parent 5f3474d commit 2b6d3b3

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+160
-211
lines changed

web/css/src/themes/dark.css

Lines changed: 4 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -66,25 +66,13 @@ strong {
6666
padding: 13px 18px;
6767
}
6868

69-
.l-profile {
70-
overflow: hidden;
71-
float: right;
72-
}
73-
7469
.l-profile__logout {
7570
color: #e7e7e7 !important;
7671
}
7772

78-
.l-profile__server {
79-
color: #ceefff;
80-
margin-top: 10px;
81-
float: left;
82-
}
83-
8473
.l-profile__notifications {
8574
color: #fff;
8675
font-weight: 600;
87-
padding: 10px 5px 0;
8876
font-size: 1.2rem !important;
8977
line-height: 0.95rem;
9078
border-left: 1px solid transparent !important;
@@ -174,7 +162,6 @@ strong {
174162
}
175163

176164
.card {
177-
float: left;
178165
background: #454545;
179166
color: #fafafa;
180167
text-shadow: 0 1px rgb(0 0 0 / 95%) !important;
@@ -941,26 +928,21 @@ td.hint {
941928
color: #dadada !important;
942929
}
943930

944-
form#vstobjects {
945-
946-
}
947-
948931
form#vstobjects.suspended {
949932
background-color: #282828;
950933
}
951934

952-
.pill {
953-
}
954-
955-
.pill.usage {
935+
.usage-pill {
956936
box-shadow: inset 0 1px 1px rgb(0 0 0 / 85%), 0 1px 1px rgb(0 0 0 / 20%);
957937
background-color: rgb(15 15 15 / 50%);
958938
border: 1px solid rgb(120 120 120 / 95%);
959939
text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
960940
color: #909090;
961941
}
962942

963-
.pill.usage b { color: #d8d8d8; }
943+
.usage-pill b {
944+
color: #d8d8d8;
945+
}
964946

965947
.badge {
966948
box-shadow:
@@ -984,50 +966,41 @@ form#vstobjects.suspended {
984966
box-shadow: 0 1px 2px rgb(25 25 25 / 30%) !important;
985967
}
986968

987-
.pill.gray,
988969
.badge.gray {
989970
border: 1px solid #181818;
990971
background-color: #252525;
991972
color: #dadada;
992973
text-shadow: 0 1px rgb(0 0 0 / 70%) !important;
993974
}
994975

995-
.pill.blue,
996976
.badge.blue {
997977

998978
}
999979

1000-
.pill.purple,
1001980
.badge.purple {
1002981

1003982
}
1004983

1005-
.pill.teal,
1006984
.badge.teal {
1007985

1008986
}
1009987

1010-
.pill.maroon,
1011988
.badge.maroon {
1012989
background-color: #ff3478;
1013990
}
1014991

1015-
.pill.red,
1016992
.badge.red {
1017993

1018994
}
1019995

1020-
.pill.orange,
1021996
.badge.orange {
1022997

1023998
}
1024999

1025-
.pill.green,
10261000
.badge.green {
10271001

10281002
}
10291003

1030-
.pill.lightblue,
10311004
.badge.lightblue {
10321005

10331006
}

0 commit comments

Comments
 (0)