Ruperth commited on
Commit
c2dca51
·
1 Parent(s): 7e7e06a

feat: replace youtube_hate_detector text with signalmod logo and favicon

Browse files
docs/assets/signalmod_logo.png ADDED

Git LFS Details

  • SHA256: be7a0e8cef3aca9aa398b121b74a75394e16f18b62d4a24d1b759e192e2f8618
  • Pointer size: 132 Bytes
  • Size of remote file: 2.07 MB
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
- <title>youtube_hate_detector</title>
 
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

  • SHA256: be7a0e8cef3aca9aa398b121b74a75394e16f18b62d4a24d1b759e192e2f8618
  • Pointer size: 132 Bytes
  • Size of remote file: 2.07 MB
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">youtube_hate_detector</div>
 
 
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.5rem 0.75rem 1rem;
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 {