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

Some more nice styling.

Browse Source
This commit is contained in:
Ryan Breen
2023-01-25 00:36:28 -05:00
parent 83cf21e5f5
commit dcc0fab5c6
6 changed files with 47 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Shared (Extension)/Resources/options.build.css
View File

@@ -711,6 +711,17 @@ select {
color: rgb(134 25 143 / var(--tw-text-opacity));
}
[type="checkbox"] {
height: 1.25rem;
width: 1.25rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(245 208 254 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(134 25 143 / var(--tw-text-opacity));
accent-color: #f5d0fe;
}
.visible {
visibility: visible;
}

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

@@ -10,4 +10,8 @@
.input {
@apply bg-fuchsia-200 text-fuchsia-800 rounded-lg p-1.5;
}
[type="checkbox"] {
@apply text-fuchsia-800 bg-fuchsia-200 rounded-full accent-fuchsia-200 w-5 h-5;
}
}

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

@@ -30,10 +30,12 @@
<template x-for="(relay, index) in relays" :key="index">
<tr>
<td class="p-2 w-1/3" x-text="relay.url"></td>
<td class="p-2 text-center"><input type="checkbox" x-model="relay.read"
@change="await saveRelaysForProfile(index)"></td>
<td class="p-2 text-center"><input type="checkbox" x-model="relay.write"
@change="await saveRelaysForProfile(index)"></td>
<td class="p-2 text-center">
<input type="checkbox" x-model="relay.read" @change="await saveRelaysForProfile(index)">
</td>
<td class="p-2 text-center">
<input type="checkbox" x-model="relay.write" @change="await saveRelaysForProfile(index)">
</td>
<td class="p-2 text-center">
<button class="btn" @click="await deleteRelay(index)">Delete</button>
</td>