edufeed-org/edufeed-web
2
0
Fork 0
mirror of https://github.com/edufeed-org/edufeed-web.git synced 2025-12-09 16:24:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Put out PK on Key page

Browse source
This commit is contained in:
@s.roertgen 2024-12-02 09:37:20 +01:00
parent f560b89e62
commit 264a3a39f8
2 changed files with 97 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

95
resources/public/css/output.css
View file

@ -1602,6 +1602,30 @@ html {
background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.toggle {
flex-shrink: 0;
--tglbg: var(--fallback-b1,oklch(var(--b1)/1));
--handleoffset: 1.5rem;
--handleoffsetcalculator: calc(var(--handleoffset) * -1);
--togglehandleborder: 0 0;
height: 1.5rem;
width: 3rem;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: var(--rounded-badge, 1.9rem);
border-width: 1px;
border-color: currentColor;
background-color: currentColor;
color: var(--fallback-bc,oklch(var(--bc)/0.5));
transition: background,
box-shadow var(--animation-input, 0.2s) ease-out;
box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
0 0 0 2px var(--tglbg) inset,
var(--togglehandleborder);
}
.avatar-group {
display: flex;
overflow: hidden;
@ -2591,6 +2615,57 @@ details.collapse summary::-webkit-details-marker {
}
}
[dir="rtl"] .toggle {
--handleoffsetcalculator: calc(var(--handleoffset) * 1);
}
.toggle:focus-visible {
outline-style: solid;
outline-width: 2px;
outline-offset: 2px;
outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.toggle:hover {
background-color: currentColor;
}
.toggle:checked,
.toggle[aria-checked="true"] {
background-image: none;
--handleoffsetcalculator: var(--handleoffset);
--tw-text-opacity: 1;
color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}
[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"] {
--handleoffsetcalculator: calc(var(--handleoffset) * -1);
}
.toggle:indeterminate {
--tw-text-opacity: 1;
color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
0 0 0 2px var(--tglbg) inset;
}
[dir="rtl"] .toggle:indeterminate {
box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
0 0 0 2px var(--tglbg) inset;
}
.toggle:disabled {
cursor: not-allowed;
--tw-border-opacity: 1;
border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
background-color: transparent;
opacity: 0.3;
--togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,
var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset;
}
.badge-sm {
height: 1rem;
font-size: 0.75rem;
@ -2599,6 +2674,22 @@ details.collapse summary::-webkit-details-marker {
padding-right: 0.438rem;
}
.badge-md {
height: 1.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
padding-left: 0.563rem;
padding-right: 0.563rem;
}
.badge-lg {
height: 1.5rem;
font-size: 1rem;
line-height: 1.5rem;
padding-left: 0.688rem;
padding-right: 0.688rem;
}
.btn-square:where(.btn-xs) {
height: 1.5rem;
width: 1.5rem;
@ -3231,6 +3322,10 @@ details.collapse summary::-webkit-details-marker {
cursor: pointer;
}
.cursor-default {
cursor: default;
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

2
src/ied/views.cljs
View file

@ -276,9 +276,11 @@
;; Keys Panel
(defn keys-panel []
(let [npub @(re-frame/subscribe [::subs/npub])
pk (nostr/get-pk-from-npub npub)
nsec @(re-frame/subscribe [::subs/nsec])] [:div
[:h1 "Keys"]
[:p (str "Your Npub: " npub)]
[:p (str "Your PK: " pk)]
[:p (str "Your Nsec: " nsec)]]))
(defmethod routes/panels :keys-panel [] [keys-panel])