edufeed-org/edufeed-web
2
0
Fork 0
mirror of https://github.com/edufeed-org/edufeed-web.git synced 2025-12-10 08:44:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add icons

Browse source
This commit is contained in:
@s.roertgen 2024-08-21 11:30:32 +02:00
parent 2f9ce41175
commit 8a28d39eaf
2 changed files with 84 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2616,10 +2616,46 @@ details.collapse summary::-webkit-details-marker {
visibility: collapse; visibility: collapse;
} }
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative { .relative {
position: relative; position: relative;
} }
.right-0 {
right: 0px;
}
.bottom-0 {
bottom: 0px;
}
.right-5 {
right: 1.25rem;
}
.right-12 {
right: 3rem;
}
.-bottom-2 {
bottom: -0.5rem;
}
.-bottom-4 {
bottom: -1rem;
}
.z-\[1\] { .z-\[1\] {
z-index: 1; z-index: 1;
} }
@ -2686,6 +2722,10 @@ details.collapse summary::-webkit-details-marker {
height: 16rem; height: 16rem;
} }
.h-12 {
height: 3rem;
}
.min-h-\[620px\] { .min-h-\[620px\] {
min-height: 620px; min-height: 620px;
} }
@ -2722,6 +2762,10 @@ details.collapse summary::-webkit-details-marker {
width: 50%; width: 50%;
} }
.w-12 {
width: 3rem;
}
.max-w-xs { .max-w-xs {
max-width: 20rem; max-width: 20rem;
} }
@ -2861,6 +2905,11 @@ details.collapse summary::-webkit-details-marker {
background-color: rgb(34 197 94 / var(--tw-bg-opacity)); background-color: rgb(34 197 94 / var(--tw-bg-opacity));
} }
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.object-contain { .object-contain {
-o-object-fit: contain; -o-object-fit: contain;
object-fit: contain; object-fit: contain;

47
src/ied/views.cljs
View file

@ -8,6 +8,28 @@
[ied.nostr :as nostr] [ied.nostr :as nostr]
[reagent.core :as reagent])) [reagent.core :as reagent]))
(defn layer-icon []
[:svg
{:class "MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-m9simb",
:focusable "false",
:aria-hidden "true",
:viewBox "0 0 24 24",
:data-testid "LayersIcon"}
[:path
{:d
"m11.99 18.54-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27z"}]])
(defn file-icon []
[:svg
{:class "MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-m9simb",
:focusable "false",
:aria-hidden "true",
:viewBox "0 0 24 24",
:data-testid "InsertDriveFileIcon"}
[:path
{:d
"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"}]])
;; add resource form ;; add resource form
(defn add-resource-form (defn add-resource-form
[name uri author] [name uri author]
@ -86,20 +108,21 @@
;; metadata event component ;; metadata event component
(defn metadata-event-component [event] (defn metadata-event-component [event]
(let [selected-events @(re-frame/subscribe [::subs/selected-events]) (let [selected-events @(re-frame/subscribe [::subs/selected-events])]
visited-at @(re-frame/subscribe [::subs/visited-at])
now (quot (.now js/Date) 1000)
diff (- now visited-at)
_ () #_(when (>= diff 5)
(re-frame/dispatch [::events/add-confetti]))]
[:div [:div
{:class "animate-flyIn card bg-base-100 w-96 shadow-xl min-h-[620px]"} {:class "animate-flyIn card bg-base-100 w-96 shadow-xl min-h-[620px]"}
[:figure [:div {:class "relative"}
[:img [:div {:class "absolute w-12 h-12 right-12 -bottom-4 rounded-full bg-white"}
{:class "h-48 object-cover"
:src (cond
(nostr/get-image-from-metadata-event event) (= 30004 (:kind event)) [layer-icon]
:alt ""}]] (= 30142 (:kind event)) [file-icon])]
[:figure
[:img
{:class "h-48 object-cover"
:src
(nostr/get-image-from-metadata-event event)
:alt ""}]]]
[:div [:div
{:class "card-body"} {:class "card-body"}
[:a {:href (nostr/get-d-id-from-event event) [:a {:href (nostr/get-d-id-from-event event)