feat: replace youtube_hate_detector text with signalmod logo and favicon
Browse files- docs/assets/signalmod_logo.png +3 -0
- frontend/index.html +2 -1
- frontend/public/signalmod_logo.png +3 -0
- frontend/src/components/Layout.tsx +3 -1
- frontend/src/index.css +10 -1
docs/assets/signalmod_logo.png
ADDED
|
Git LFS Details
|
frontend/index.html
CHANGED
|
@@ -3,7 +3,8 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
-
<
|
|
|
|
| 7 |
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
| 8 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
| 9 |
<link
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<link rel="icon" type="image/png" href="/signalmod_logo.png" />
|
| 7 |
+
<title>SignalMod — Moderación inteligente para YouTube</title>
|
| 8 |
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
| 9 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
| 10 |
<link
|
frontend/public/signalmod_logo.png
ADDED
|
Git LFS Details
|
frontend/src/components/Layout.tsx
CHANGED
|
@@ -5,7 +5,9 @@ export function Layout() {
|
|
| 5 |
return (
|
| 6 |
<div className="app-shell">
|
| 7 |
<nav className="sidebar">
|
| 8 |
-
<div className="logo">
|
|
|
|
|
|
|
| 9 |
<NavLink to="/" end className={({ isActive }) => (isActive ? "nav active" : "nav")}>
|
| 10 |
Watch
|
| 11 |
</NavLink>
|
|
|
|
| 5 |
return (
|
| 6 |
<div className="app-shell">
|
| 7 |
<nav className="sidebar">
|
| 8 |
+
<div className="logo">
|
| 9 |
+
<img src="/signalmod_logo.png" alt="SignalMod" className="logo-img" />
|
| 10 |
+
</div>
|
| 11 |
<NavLink to="/" end className={({ isActive }) => (isActive ? "nav active" : "nav")}>
|
| 12 |
Watch
|
| 13 |
</NavLink>
|
frontend/src/index.css
CHANGED
|
@@ -39,9 +39,18 @@ body {
|
|
| 39 |
.logo {
|
| 40 |
font-weight: 700;
|
| 41 |
font-size: 0.95rem;
|
| 42 |
-
padding: 0.
|
| 43 |
color: #fff;
|
| 44 |
word-break: break-word;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 45 |
}
|
| 46 |
|
| 47 |
.nav {
|
|
|
|
| 39 |
.logo {
|
| 40 |
font-weight: 700;
|
| 41 |
font-size: 0.95rem;
|
| 42 |
+
padding: 0.25rem 0.25rem 1rem;
|
| 43 |
color: #fff;
|
| 44 |
word-break: break-word;
|
| 45 |
+
display: flex;
|
| 46 |
+
align-items: center;
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
.logo-img {
|
| 50 |
+
width: 100%;
|
| 51 |
+
height: auto;
|
| 52 |
+
display: block;
|
| 53 |
+
object-fit: contain;
|
| 54 |
}
|
| 55 |
|
| 56 |
.nav {
|