mymusics

commit 0100de4d409437ab52c104600af8bcd90a358099
parent 4cdd32a343ce70f898d7419f498fa4ee76da1dc6
Author: Pablo Murad <pblmrd@gmail.com>
Date:   Fri,  1 May 2026 19:20:55 -0300

FIX: player

Diffstat:
M
src/App.css
 | 
24
++++++++++++++++++++++++
M
src/components/EmbedSnippet.tsx
 | 
2
+-
M
src/pages/Embed.tsx
 | 
20
++++++++++++++++++++

3 files changed, 45 insertions(+), 1 deletion(-)
diff --git a/src/App.css b/src/App.css
@@ -600,6 +600,30 @@
   font-size: 0.78rem;
 }
 
+.embed-brand {
+  margin-top: 0.5rem;
+  padding-top: 0.45rem;
+  text-align: center;
+}
+
+.embed-brand-link {
+  display: inline-block;
+  line-height: 0;
+  opacity: 0.92;
+  transition: opacity 0.15s ease;
+}
+
+.embed-brand-link:hover {
+  opacity: 1;
+}
+
+.embed-brand-logo {
+  display: block;
+  width: 100%;
+  max-width: 7.5rem;
+  height: auto;
+}
+
 .health-banner--embed {
   margin-bottom: 0.85rem;
   padding: 0.75rem 0.85rem;
diff --git a/src/components/EmbedSnippet.tsx b/src/components/EmbedSnippet.tsx
@@ -7,7 +7,7 @@ function buildIframeSnippet(): string {
   src="${src}"
   title="MyMusics"
   width="100%"
-  height="500"
+  height="540"
   style="max-width:380px;border:0;border-radius:12px"
   loading="lazy"
 ></iframe>`;
diff --git a/src/pages/Embed.tsx b/src/pages/Embed.tsx
@@ -1,5 +1,6 @@
 import { useEffect } from "react";
 import { CozyAudioBar } from "../components/CozyAudioBar";
+import { PUBLIC_SITE_URL } from "../config/siteUrl";
 import { useMyMusicsPlayback } from "../hooks/useMyMusicsPlayback";
 import "../App.css";
 
@@ -103,6 +104,25 @@ export default function Embed() {
             {status && track ? <p className="hint">{status}</p> : null}
           </div>
         </article>
+
+        <div className="embed-brand">
+          <a
+            className="embed-brand-link"
+            href={PUBLIC_SITE_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            title="MyMusics"
+          >
+            <img
+              className="embed-brand-logo"
+              src="/mymusics.png"
+              alt="MyMusics"
+              width={200}
+              height={80}
+              decoding="async"
+            />
+          </a>
+        </div>
       </div>
     </div>
   );