ngn/website
1
0
Fork 0
Code Issues 1 Pull Requests 5 Actions Packages Activity

fix the service component style
All checks were successful
Build the docker image for the frontend application / build (push) Successful in 29s
Details

Browse Source 
Signed-off-by: ngn <ngn@ngn.tf>
This commit is contained in:
ngn
2025-07-24 17:40:18 +03:00
parent babbe50c00
commit f053b93c24
2 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/src/components/service.svelte
View File

@@ -13,16 +13,18 @@
</div> </div>
<ul> <ul>
<li><a href={service.clear}> Clear</a></li> <li><a href={service.clear}> Clear</a></li>
<span>|</span>
<li><a href={service.onion}>TOR</a></li> <li><a href={service.onion}>TOR</a></li>
<span>|</span>
<li><a href={service.i2p}> I2P</a></li> <li><a href={service.i2p}> I2P</a></li>
</ul> </ul>
</div> </div>
<div class="check"> <div class="check">
<h1> <p>
{$_("services.last", { {$_("services.last", {
time: time_from_ts(service.check_time), time: time_from_ts(service.check_time),
})} })}
</h1> </p>
{#if service.check_res == 0} {#if service.check_res == 0}
<span style="background: var(--white-2)"> <span style="background: var(--white-2)">
{$_("services.status.down")} {$_("services.status.down")}
@@ -48,7 +50,7 @@
border: solid 1px var(--black-3); border: solid 1px var(--black-3);
text-align: left; text-align: left;
flex-grow: 1; flex: 1;
} }
main .info { main .info {
@@ -82,12 +84,6 @@
list-style: none; list-style: none;
} }
main .info ul li:not(:last-of-type)::after {
content: " / ";
color: var(--white-3);
font-weight: 900;
}
main .info li a { main .info li a {
color: var(--color); color: var(--color);
text-decoration: none; text-decoration: none;
@@ -110,6 +106,10 @@
text-shadow: none; text-shadow: none;
} }
main .info ul span {
color: var(--white-3);
}
main .check { main .check {
border-top: solid 1px var(--black-3); border-top: solid 1px var(--black-3);
display: flex; display: flex;
@@ -119,12 +119,15 @@
color: var(--white-1); color: var(--white-1);
} }
main .check h1 { main .check p {
font-size: var(--size-2); font-size: var(--size-2);
font-weight: 100; font-weight: 100;
color: var(--white-2); color: var(--white-2);
padding: 5px 18px; padding: 5px 18px;
word-break: keep-all;
white-space: nowrap;
} }
main .check span { main .check span {

2
app/src/routes/services/+page.svelte
View File

@@ -59,7 +59,7 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;
gap: 28px;
color: var(--white-3); color: var(--white-3);
gap: 15px;
} }
</style> </style>