Implement Option C logo cropped with minimal borders
Browse files
frontend/index.html
CHANGED
|
@@ -7,7 +7,7 @@
|
|
| 7 |
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
| 8 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
| 9 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
|
| 10 |
-
<link rel="icon" type="image/
|
| 11 |
</head>
|
| 12 |
<body>
|
| 13 |
<div id="root"></div>
|
|
|
|
| 7 |
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
| 8 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
| 9 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
|
| 10 |
+
<link rel="icon" type="image/png" href="/logo.png" />
|
| 11 |
</head>
|
| 12 |
<body>
|
| 13 |
<div id="root"></div>
|
frontend/public/logo.png
ADDED
|
frontend/public/logo.svg
DELETED
frontend/src/components/chat/WelcomeScreen.jsx
CHANGED
|
@@ -55,7 +55,7 @@ export default function WelcomeScreen({ onSuggest }) {
|
|
| 55 |
|
| 56 |
{/* Animated logo badge */}
|
| 57 |
<div className="relative mb-6">
|
| 58 |
-
<img src="/logo.
|
| 59 |
style={{ boxShadow: '0 0 32px 8px rgba(59,127,255,0.25)' }} />
|
| 60 |
</div>
|
| 61 |
|
|
|
|
| 55 |
|
| 56 |
{/* Animated logo badge */}
|
| 57 |
<div className="relative mb-6">
|
| 58 |
+
<img src="/logo.png" alt="MedRAG Logo" className="w-16 h-16 rounded-2xl border border-blue-500/30 object-cover"
|
| 59 |
style={{ boxShadow: '0 0 32px 8px rgba(59,127,255,0.25)' }} />
|
| 60 |
</div>
|
| 61 |
|
frontend/src/components/layout/Sidebar.jsx
CHANGED
|
@@ -122,7 +122,7 @@ export default function Sidebar({ onClose }) {
|
|
| 122 |
{/* Logo */}
|
| 123 |
<div className="px-4 pt-5 pb-3 flex items-center justify-between">
|
| 124 |
<div className="flex items-center gap-2.5">
|
| 125 |
-
<img src="/logo.
|
| 126 |
<span className="font-bold text-white text-sm tracking-tight">MedRAG</span>
|
| 127 |
</div>
|
| 128 |
<button
|
|
|
|
| 122 |
{/* Logo */}
|
| 123 |
<div className="px-4 pt-5 pb-3 flex items-center justify-between">
|
| 124 |
<div className="flex items-center gap-2.5">
|
| 125 |
+
<img src="/logo.png" alt="MedRAG Logo" className="w-7 h-7 rounded-lg object-cover shrink-0" />
|
| 126 |
<span className="font-bold text-white text-sm tracking-tight">MedRAG</span>
|
| 127 |
</div>
|
| 128 |
<button
|
frontend/src/pages/AuthPage.jsx
CHANGED
|
@@ -74,7 +74,7 @@ export default function AuthPage() {
|
|
| 74 |
|
| 75 |
{/* Logo pill — top */}
|
| 76 |
<div className="flex items-center gap-4 mb-16">
|
| 77 |
-
<img src="/logo.
|
| 78 |
style={{
|
| 79 |
boxShadow: '0 6px 28px rgba(99,102,241,0.5)',
|
| 80 |
}} />
|
|
@@ -144,7 +144,7 @@ export default function AuthPage() {
|
|
| 144 |
}}>
|
| 145 |
{/* Card logo icon */}
|
| 146 |
<div className="flex flex-col items-center justify-center mb-5 gap-2">
|
| 147 |
-
<img src="/logo.
|
| 148 |
style={{
|
| 149 |
border: '1px solid rgba(99,102,241,0.3)',
|
| 150 |
boxShadow: '0 8px 24px rgba(99,102,241,0.2)',
|
|
|
|
| 74 |
|
| 75 |
{/* Logo pill — top */}
|
| 76 |
<div className="flex items-center gap-4 mb-16">
|
| 77 |
+
<img src="/logo.png" alt="MedRAG Logo" className="w-11 h-11 rounded-2xl object-cover"
|
| 78 |
style={{
|
| 79 |
boxShadow: '0 6px 28px rgba(99,102,241,0.5)',
|
| 80 |
}} />
|
|
|
|
| 144 |
}}>
|
| 145 |
{/* Card logo icon */}
|
| 146 |
<div className="flex flex-col items-center justify-center mb-5 gap-2">
|
| 147 |
+
<img src="/logo.png" alt="MedRAG Logo" className="w-12 h-12 rounded-2xl object-cover"
|
| 148 |
style={{
|
| 149 |
border: '1px solid rgba(99,102,241,0.3)',
|
| 150 |
boxShadow: '0 8px 24px rgba(99,102,241,0.2)',
|