Nettoyage et construction micro services
This commit is contained in:
Christian CUNAT-BRULE
+231
-5
@@ -1,5 +1,231 @@
|
||||
#applications-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.catalog-heading p{font-size:13px;color:var(--muted);margin:0}.application-card{padding:0;position:relative;box-shadow:none}.application-open{display:block;padding:25px;min-height:205px}.application-open>.icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:29px;margin-bottom:18px}.application-open h2{font-size:19px;margin-bottom:8px}.application-open p{font-size:12px;color:var(--muted);margin:0 0 16px;min-height:36px}.application-kind{font-size:10px;color:var(--accent)}.application-card:hover{border-color:var(--accent)}.favorite-toggle{position:absolute;right:12px;top:12px;font-size:23px;padding:4px 10px;border-color:transparent;background:transparent;color:var(--accent)}.favorite-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.application-open[aria-disabled=true]{opacity:.55;cursor:default}#application-settings{width:min(640px,calc(100% - 24px))}#application-settings h3{font-size:16px;margin:24px 0 8px}#favorite-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}#favorite-slots label{margin-top:6px}#favorite-slots select{width:100%}.application-setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:12px;align-items:center;min-height:60px;border-bottom:1px solid var(--border);padding:8px 0}.application-setting label{display:flex;flex-direction:row;align-items:center;margin:0;min-height:44px;gap:12px}.application-setting input{width:20px;height:20px;accent-color:var(--accent)}.application-setting>span{color:var(--muted);font-size:12px}.application-setting select{width:100%;font-size:12px}.rail nav a span:last-child{overflow-wrap:anywhere;text-align:center}.map-actions a[data-waze-destination]{font-size:11px;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--accent)}
|
||||
@media(min-width:1450px){#applications-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
|
||||
@media(max-width:900px){#applications-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-open{padding:20px}}
|
||||
@media(max-width:520px){#applications-grid{grid-template-columns:1fr}.application-open{min-height:165px}.application-open>.icon{margin-bottom:12px}.application-open p{min-height:0}#favorite-slots{grid-template-columns:1fr}.application-setting{grid-template-columns:1fr}.application-setting select{margin-bottom:6px}.catalog-heading{align-items:flex-start}.catalog-heading p{font-size:11px}}
|
||||
@media(max-height:650px) and (min-width:760px){.application-open{padding:18px;min-height:180px}.application-open>.icon{width:44px;height:44px;margin-bottom:12px}.application-open h2{font-size:17px}.application-open p{font-size:11px;margin-bottom:10px}}
|
||||
#applications-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0px, 1fr));
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.catalog-heading {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 15px;
|
||||
align-items: center;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.catalog-heading p {
|
||||
font-size: 13px;
|
||||
color: var(--muted);
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.application-card {
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.application-open {
|
||||
display: block;
|
||||
padding: 25px;
|
||||
min-height: 205px;
|
||||
}
|
||||
|
||||
.application-open > .icon {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
border-radius: 15px;
|
||||
background: color-mix(in srgb,var(--accent) 10%,var(--surface));
|
||||
color: var(--accent);
|
||||
font-size: 29px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.application-open h2 {
|
||||
font-size: 19px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.application-open p {
|
||||
font-size: 12px;
|
||||
color: var(--muted);
|
||||
margin: 0px 0px 16px;
|
||||
min-height: 36px;
|
||||
}
|
||||
|
||||
.application-kind {
|
||||
font-size: 10px;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.application-card:hover {
|
||||
border-color: var(--accent);
|
||||
}
|
||||
|
||||
.favorite-toggle {
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 12px;
|
||||
font-size: 23px;
|
||||
padding: 4px 10px;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.favorite-toggle[aria-pressed="true"] {
|
||||
background: color-mix(in srgb,var(--accent) 10%,var(--surface));
|
||||
}
|
||||
|
||||
.application-open[aria-disabled="true"] {
|
||||
opacity: 0.55;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#application-settings {
|
||||
width: min(640px, 100% - 24px);
|
||||
}
|
||||
|
||||
#application-settings h3 {
|
||||
font-size: 16px;
|
||||
margin: 24px 0px 8px;
|
||||
}
|
||||
|
||||
#favorite-slots {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px 16px;
|
||||
}
|
||||
|
||||
#favorite-slots label {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
#favorite-slots select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.application-setting {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0px, 1fr) minmax(130px, 180px);
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
min-height: 60px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding: 8px 0px;
|
||||
}
|
||||
|
||||
.application-setting label {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin: 0px;
|
||||
min-height: 44px;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.application-setting input {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
accent-color: var(--accent);
|
||||
}
|
||||
|
||||
.application-setting > span {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.application-setting select {
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.rail nav a span:last-child {
|
||||
overflow-wrap: anywhere;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.map-actions a[data-waze-destination] {
|
||||
font-size: 11px;
|
||||
padding: 12px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 10px;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
@media (min-width: 1450px) {
|
||||
#applications-grid {
|
||||
grid-template-columns: repeat(4, minmax(0px, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#applications-grid {
|
||||
grid-template-columns: repeat(2, minmax(0px, 1fr));
|
||||
}
|
||||
|
||||
.application-open {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
#applications-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.application-open {
|
||||
min-height: 165px;
|
||||
}
|
||||
|
||||
.application-open > .icon {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.application-open p {
|
||||
min-height: 0px;
|
||||
}
|
||||
|
||||
#favorite-slots {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.application-setting {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.application-setting select {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.catalog-heading {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.catalog-heading p {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 650px) and (min-width: 760px) {
|
||||
.application-open {
|
||||
padding: 18px;
|
||||
min-height: 180px;
|
||||
}
|
||||
|
||||
.application-open > .icon {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.application-open h2 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.application-open p {
|
||||
font-size: 11px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user