tyiu/nostash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Mopping up a few things.

Browse Source
This commit is contained in:
Ryan Breen
2023-01-28 22:48:49 -05:00
parent b6a4a5b5dc
commit 2649114501
3 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Shared (Extension)/Resources/options.css
View File

@@ -4,19 +4,31 @@
@layer components { @layer components {
.button { .button {
@apply rounded-lg p-1 lg:p-1.5 bg-fuchsia-900 hover:bg-fuchsia-800 active:bg-fuchsia-700 text-fuchsia-200 w-24 min-w-fit text-center disabled:bg-gray-200 disabled:text-black; /* Colors */
@apply bg-fuchsia-900 hover:bg-fuchsia-800 active:bg-fuchsia-700 text-fuchsia-200 disabled:bg-gray-200 disabled:text-black;
/* Sizing and padding */
@apply rounded-lg p-1 md:p-1.5 md:w-24 min-w-fit text-center;
} }
.input { .input {
@apply bg-fuchsia-200 text-fuchsia-800 rounded-lg p-1 lg:p-1.5 focus:border-fuchsia-800 w-64; /* Colors */
@apply bg-fuchsia-200 text-fuchsia-800 disabled:bg-gray-200 disabled:text-black focus:border-fuchsia-800;
/* Sizing and padding */
@apply rounded-lg p-1 lg:p-1.5 w-full md:w-64;
} }
.checkbox { .checkbox {
@apply text-fuchsia-800 bg-fuchsia-200 rounded-full accent-fuchsia-200 w-4 h-4 lg:w-5 lg:h-5; /* Colors */
@apply text-fuchsia-800 bg-fuchsia-200 rounded-full accent-fuchsia-200;
/* Sizing and padding */
@apply w-4 h-4 lg:w-5 lg:h-5;
} }
.section { .section {
@apply border-2 border-fuchsia-700 rounded-lg p-5 mt-6 shadow-md; @apply border-2 border-fuchsia-700 rounded-lg p-1 md:p-5 mt-6 shadow-md;
} }
.section-header { .section-header {

20
Shared (Extension)/Resources/options.html
View File

@@ -10,7 +10,7 @@
</head> </head>
<body x-data="options" class="text-fuchsia-900 p-3.5 lg:p-32"> <body x-data="options" class="text-fuchsia-900 p-3.5 lg:p-32">
<h1 class="text-3xl lg:text-6xl font-bold">Nostore</h1> <h1 class="text-3xl lg:text-6xl font-bold md:text-center">Settings</h1>
<!-- PROFILES --> <!-- PROFILES -->
<div class="mt-6"> <div class="mt-6">
@@ -21,14 +21,18 @@
<option x-text="name" :value="index"></option> <option x-text="name" :value="index"></option>
</template> </template>
</select> </select>
<button class="button" @click="await newProfile()">New</button> <div class="block md:inline p-3 pl-0 md:p-0">
<button class="button" @click="confirmDelete = true" x-show="!confirmDelete">Delete</button> <button class="button" @click="await newProfile()">New</button>
<button class="button" @click="deleteProfile" x-show="confirmDelete">Confirm Delete</button> <button class="button" @click="confirmDelete = true" x-show="!confirmDelete">Delete</button>
<button class="button" @click="deleteProfile" x-show="confirmDelete">Confirm Delete</button>
</div>
</div> </div>
<!-- KEYS --> <!-- KEYS -->
<div class="section"> <div class="section">
<h2 class="section-header">Keys</h2> <h2 class="section-header">Keys</h2>
<p class="text-sm italic">Provide your <code class="not-italic">nsec</code> or legacy (hexadecimal) private keys.
</p>
<form @submit.prevent="saveProfile"> <form @submit.prevent="saveProfile">
<div class="mt-3"> <div class="mt-3">
<label for="profile-name">Profile Name</label> <label for="profile-name">Profile Name</label>
@@ -58,9 +62,9 @@
<!-- RELAYS --> <!-- RELAYS -->
<div class="section"> <div class="section">
<h2 class="section-header">Relays</h2> <h2 class="section-header">Relays</h2>
<p class="text-sm italic">Add relay suggestions for clients.</p>
<template x-if="hasRelays"> <template x-if="hasRelays">
<table class="mt-3"> <table class="mt-3 text-xs md:text-base table-auto md:table-fixed">
<thead class="font-bold text-lg"> <thead class="font-bold text-lg">
<td class="p-2 text-center">URL</td> <td class="p-2 text-center">URL</td>
<td class="p-2 text-center">Read</td> <td class="p-2 text-center">Read</td>
@@ -101,7 +105,9 @@
<input class="mt-3 input" x-model="newRelay" type="text" @keyup.enter="await addRelay()" placeholder="wss://..." <input class="mt-3 input" x-model="newRelay" type="text" @keyup.enter="await addRelay()" placeholder="wss://..."
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="off"> autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="off">
<button class="button" @click="await addRelay()">Add</button> <div class="block md:inline p-3 pl-0 md:p-0">
<button class="button" @click="await addRelay()">Add</button>
</div>
<div class="text-red-500 font-bold" x-show="urlError.length > 0" x-text="urlError"></div> <div class="text-red-500 font-bold" x-show="urlError.length > 0" x-text="urlError"></div>
</div> </div>

3
Shared (Extension)/Resources/popup.html
View File

@@ -30,8 +30,7 @@
</div> </div>
<div class="help"> <div class="help">
<button @click='window.open("https://ursus.camp/nostore", "_blank")'>Get Help</button> <button @click="await openOptions()">Settings</button>
<button @click="await openOptions()">Advanced</button>
</div> </div>
<div class="disclaimer"> <div class="disclaimer">