Upload folder using huggingface_hub
Browse files- client/public/index.html +1 -1
- client/src/components/Layout.tsx +2 -2
- client/src/index.css +19 -0
client/public/index.html
CHANGED
|
@@ -50,7 +50,7 @@
|
|
| 50 |
font-display: swap;
|
| 51 |
}
|
| 52 |
</style>
|
| 53 |
-
<title>
|
| 54 |
</head>
|
| 55 |
<body>
|
| 56 |
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
|
| 50 |
font-display: swap;
|
| 51 |
}
|
| 52 |
</style>
|
| 53 |
+
<title>TransHub</title>
|
| 54 |
</head>
|
| 55 |
<body>
|
| 56 |
<noscript>You need to enable JavaScript to run this app.</noscript>
|
client/src/components/Layout.tsx
CHANGED
|
@@ -176,8 +176,8 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
|
| 176 |
<Link
|
| 177 |
key={item.name}
|
| 178 |
to={item.href}
|
| 179 |
-
className={`flex items-center px-3 py-2
|
| 180 |
-
isActive ? 'bg-transparent text-ui-text
|
| 181 |
}`}
|
| 182 |
>
|
| 183 |
<item.icon className="h-5 w-5 mr-3 text-current" />
|
|
|
|
| 176 |
<Link
|
| 177 |
key={item.name}
|
| 178 |
to={item.href}
|
| 179 |
+
className={`flex items-center px-3 py-2 nav-selection text-[0.95rem] font-medium transition-colors ${
|
| 180 |
+
isActive ? 'bg-transparent text-ui-text' : 'text-ui-text/80'
|
| 181 |
}`}
|
| 182 |
>
|
| 183 |
<item.icon className="h-5 w-5 mr-3 text-current" />
|
client/src/index.css
CHANGED
|
@@ -14,6 +14,25 @@
|
|
| 14 |
}
|
| 15 |
|
| 16 |
@layer components {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 17 |
h1, h2, h3 {
|
| 18 |
@apply text-ui-text;
|
| 19 |
}
|
|
|
|
| 14 |
}
|
| 15 |
|
| 16 |
@layer components {
|
| 17 |
+
.nav-selection {
|
| 18 |
+
position: relative;
|
| 19 |
+
border-radius: 14px;
|
| 20 |
+
}
|
| 21 |
+
.nav-selection::before {
|
| 22 |
+
content: '';
|
| 23 |
+
position: absolute;
|
| 24 |
+
inset: -2px;
|
| 25 |
+
border-radius: 18px;
|
| 26 |
+
padding: 2px;
|
| 27 |
+
background: conic-gradient(from 0deg, theme('colors.ui.neonBlue') 0%, theme('colors.ui.neonCyan') 50%, theme('colors.ui.neonBlue') 100%);
|
| 28 |
+
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
| 29 |
+
-webkit-mask-composite: xor;
|
| 30 |
+
mask-composite: exclude;
|
| 31 |
+
animation: hueSpin 6s linear infinite;
|
| 32 |
+
}
|
| 33 |
+
@keyframes hueSpin {
|
| 34 |
+
to { transform: rotate(360deg); }
|
| 35 |
+
}
|
| 36 |
h1, h2, h3 {
|
| 37 |
@apply text-ui-text;
|
| 38 |
}
|