Skip to content

Commit

Permalink
Re-fix colors for in-dashboard view
Browse files Browse the repository at this point in the history
  • Loading branch information
@Dartegnian
Dartegnian committed Mar 24, 2024
1 parent e4144f1 commit 92b68ca
Showing 1 changed file with 12 additions and 12 deletions.
24 changes: 12 additions & 12 deletions src/www/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,12 +59,12 @@ <h1 class="hero-banner__header">Forever One</h1>
<div v-cloak class="container mx-auto max-w-3xl px-3 md:px-0 mt-4 xs:mt-6">
<div v-if="authenticated === true">
<div class="flex flex-col-reverse xxs:flex-row flex-auto items-center items-end gap-3">
<h1 class="text-4xl dark:text-neutral-200 font-medium flex-grow self-start mb-4">
<!-- <h1 class="text-4xl dark:text-neutral-200 font-medium flex-grow self-start mb-4">
<img src="./img/logo.png" width="32" class="inline align-middle dark:bg mr-2" /><span class="align-middle">WireGuard</span>
</h1>
</h1> -->
<div class="flex items-center grow-0 gap-3 items-end self-end xxs:self-center">
<!-- Dark / light theme -->
<button @click="toggleTheme"
<!-- <button @click="toggleTheme"
class="flex items-center justify-center w-8 h-8 rounded-full bg-gray-200 hover:bg-gray-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 transition" :title="$t(`theme.${uiTheme}`)">
<svg v-if="uiTheme === 'light'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
class="w-5 h-5">
Expand All @@ -84,7 +84,7 @@ <h1 class="text-4xl dark:text-neutral-200 font-medium flex-grow self-start mb-4"
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25" />
</svg>
</button>
</button> -->
<!-- Show / hide charts -->
<label v-if="uiChartType > 0" class="inline-flex items-center justify-center cursor-pointer w-8 h-8 rounded-full bg-gray-200 hover:bg-gray-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 whitespace-nowrap transition group" :title="$t('toggleCharts')">
<input type="checkbox" value="" class="sr-only peer" v-model="uiShowCharts" @change="toggleCharts">
Expand Down Expand Up @@ -125,7 +125,7 @@ <h1 class="text-4xl dark:text-neutral-200 font-medium flex-grow self-start mb-4"
<div class="shadow-md material-container material-container--secondary overflow-hidden">
<div class="flex flex-row flex-auto items-center p-3 px-5 border-b-2 material-outline">
<div class="flex-grow">
<p class="text-2xl font-medium dark:text-neutral-200">{{$t("clients")}}</p>
<p class="text-2xl font-medium">{{$t("clients")}}</p>
</div>
<div class="flex flex-shrink-0">
<button @click="clientCreate = true; clientCreateName = '';"
Expand Down Expand Up @@ -191,15 +191,15 @@ <h1 class="text-4xl dark:text-neutral-200 font-medium flex-grow self-start mb-4"

<!-- Name -->
<div class="flex flex-col flex-grow gap-1">
<div class="text-gray-700 dark:text-neutral-200 group text-sm md:text-base"
<div class="group text-sm md:text-base"
:title="$t('createdOn') + dateTime(new Date(client.createdAt))">

<!-- Show -->
<input v-show="clientEditNameId === client.id" v-model="clientEditName"
v-on:keyup.enter="updateClientName(client, clientEditName); clientEditName = null; clientEditNameId = null;"
v-on:keyup.escape="clientEditName = null; clientEditNameId = null;"
:ref="'client-' + client.id + '-name'"
class="rounded px-1 border-2 dark:bg-neutral-700 border-gray-100 dark:border-neutral-600 focus:border-gray-200 dark:focus:border-neutral-500 dark:placeholder:text-neutral-500 outline-none w-30" />
class="rounded px-1 border-2 border-gray-100 dark:border-neutral-600 focus:border-gray-200 dark:focus:border-neutral-500 dark:placeholder:text-neutral-500 outline-none w-30" />
<span v-show="clientEditNameId !== client.id"
class="border-t-2 border-b-2 border-transparent">{{client.name}}</span>

Expand Down Expand Up @@ -333,7 +333,7 @@ <h1 class="text-4xl dark:text-neutral-200 font-medium flex-grow self-start mb-4"
<!-- Show QR-->

<button :disabled="!client.downloadableConfig"
class="align-middle bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
class="align-middle material-basic--secondary p-2 rounded transition"
:class="{
'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white': client.downloadableConfig,
'is-disabled': !client.downloadableConfig
Expand All @@ -351,7 +351,7 @@ <h1 class="text-4xl dark:text-neutral-200 font-medium flex-grow self-start mb-4"
<a :disabled="!client.downloadableConfig"
:href="'./api/wireguard/client/' + client.id + '/configuration'"
:download="client.downloadableConfig ? 'configuration' : null"
class="align-middle inline-block bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
class="align-middle inline-block material-basic--secondary p-2 rounded transition"
:class="{
'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white': client.downloadableConfig,
'is-disabled': !client.downloadableConfig
Expand Down Expand Up @@ -467,7 +467,7 @@ <h1 class="text-4xl dark:text-neutral-200 font-medium flex-grow self-start mb-4"
</svg>
</div>
<div class="flex-grow mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
<h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-neutral-200" id="modal-headline">
<h3 class="text-lg leading-6 font-medium" id="modal-headline">
New Client
</h3>
<div class="mt-2">
Expand Down Expand Up @@ -542,11 +542,11 @@ <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-neutral-200" id
</svg>
</div>
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
<h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-neutral-200" id="modal-headline">
<h3 class="text-lg leading-6 font-medium" id="modal-headline">
Delete Client
</h3>
<div class="mt-2">
<p class="text-sm text-gray-500 dark:text-neutral-300">
<p class="text-sm">
Are you sure you want to delete <strong>{{clientDelete.name}}</strong>?
This action cannot be undone.
</p>
Expand Down

0 comments on commit 92b68ca

Please sign in to comment.