shinuwa/gameservers-control
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: shinuwa:b604ae64f924cce225a27c44844ddab3e9423474
Branches Tags
shinuwa:main
shinuwa:develop
..
compare: shinuwa:f534c1681ddf2703c78642f442d1c58ba5bd1465
Branches Tags
shinuwa:main
shinuwa:develop

No commits in common. "b604ae64f924cce225a27c44844ddab3e9423474" and "f534c1681ddf2703c78642f442d1c58ba5bd1465" have entirely different histories.
b604ae64f9 ... f534c1681d

2 changed files with 19 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
public/scripts/app.js
View file

@ -155,6 +155,7 @@ function renderServers() {
card.innerHTML = ` card.innerHTML = `
<div class="server-card__hero"${heroStyle}> <div class="server-card__hero"${heroStyle}>
<div class="server-card__icon" aria-hidden="true"></div>
<span class="chip ${server.active ? "chip--online" : "chip--offline"}"> <span class="chip ${server.active ? "chip--online" : "chip--offline"}">
${server.active ? "En ligne" : "Hors ligne"} ${server.active ? "En ligne" : "Hors ligne"}
</span> </span>

18
public/styles/app.css
View file

@ -427,6 +427,24 @@ input:focus {
opacity: 0.28; opacity: 0.28;
} }
.server-card__icon {
width: 34px;
aspect-ratio: 1;
border-radius: 7px;
background: linear-gradient(135deg, var(--purple), var(--blue));
box-shadow: 0 0 24px rgba(123, 92, 255, 0.62);
position: relative;
z-index: 1;
}
.server-card__icon::before {
content: "";
position: absolute;
inset: 10px 9px 10px 12px;
background: #fff;
clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.server-card__body { .server-card__body {
display: grid; display: grid;
gap: 1rem; gap: 1rem;