Try new background colors

This commit is contained in:
nemunaire 2025-04-19 21:33:04 +02:00
commit b638f9338d
5 changed files with 15 additions and 29 deletions

View file

@ -78,7 +78,7 @@
>
{#if Object.keys(groups).length != 1}
<div class="text-center" style="height: 1em">
<h3 class="d-inline-block px-1" style="background: white; position: relative; top: -.65em">
<h3 class="d-inline-block px-2 bg-light" style="position: relative; top: -.65em">
{#if gname === ""}
{$t("domaingroups.no-group")}
{:else}

View file

@ -87,8 +87,8 @@
<div id={dn}>
{#if !reverseZone}
<h2
class="sticky-top"
style="background: white; z-index: 1"
class="sticky-top bg-light"
style="z-index: 1"
>
<span style="white-space: nowrap">
<Icon
@ -122,8 +122,8 @@
{:else if isCNAME(services) || isPTR(services)}
<div id={dn}>
<h2
class="sticky-top"
style="background: white; z-index: 1"
class="sticky-top bg-light"
style="z-index: 1"
>
<span style="white-space: nowrap">
{#if isPTR(services)}
@ -200,8 +200,8 @@
{:else}
<div id={dn?dn:'@'}>
<div
class="d-flex align-items-center sticky-top mb-2 gap-2"
style="background: white; z-index: 1"
class="d-flex align-items-center sticky-top mb-2 gap-2 bg-light"
style="z-index: 1"
>
<h2
style="white-space: nowrap; cursor: pointer;"

View file

@ -96,23 +96,9 @@
sw_state={data.sw_state}
/>
<div class="flex-fill d-flex flex-column justify-content-center">
<div class="flex-fill d-flex flex-column justify-content-center bg-light">
<slot></slot>
</div>
<Toaster />
<VoxPeople routeId={data.route.id} />
<footer class="pt-2 pb-2 bg-dark text-light">
<Container>
<Row>
<Col md="12" lg="6">
&copy;
<Logo color="#fff" height="17" />
2019-2025 All rights reserved
</Col>
<Col md="6" lg="3" />
<Col md="6" lg="3" />
</Row>
</Container>
</footer>

View file

@ -143,8 +143,8 @@
<Col
sm={4}
md={3}
class="bg-light py-2 sticky-top d-flex flex-column justify-content-between"
style="overflow-y: auto; max-height: 100vh; z-index: 0"
class="py-2 sticky-top d-flex flex-column justify-content-between"
style="background-color: #edf5f2; overflow-y: auto; max-height: 100vh; z-index: 0"
>
{#if $domains_idx[selectedDomain]}
<div class="d-flex">
@ -177,7 +177,7 @@
Retour à la zone
</Button>
{:else if $page.data.streamed && $sortedDomainsWithIntermediate}
<div class="d-flex gap-2 pb-2 sticky-top bg-light" style="padding-top: 10px">
<div class="d-flex gap-2 pb-2 sticky-top" style="padding-top: 10px">
<Button
type="button"
color="secondary"

View file

@ -77,12 +77,12 @@
{#each Object.keys(providers) as ptype (ptype)}
{@const provider = providers[ptype]}
<tr>
<td class="text-center">
<td class="text-truncate">
<ImgProvider
{ptype}
style="max-width: 100%; max-height: 2.5em"
/><br>
<strong>
style="max-width: 100%; max-height: 1.2em"
/>
<strong title={provider.name}>
{provider.name}
</strong>
</td>