Spaces:
Running
Running
Commit ·
6e5220d
1
Parent(s): 14b6654
updates
Browse files- frontend/src/App.jsx +1 -1
- frontend/src/components/PitchView.jsx +1 -1
- frontend/src/index.css +19 -2
frontend/src/App.jsx
CHANGED
|
@@ -169,7 +169,7 @@ function AppContent() {
|
|
| 169 |
</div>
|
| 170 |
|
| 171 |
{showSettings && (
|
| 172 |
-
<div className="absolute top-full
|
| 173 |
|
| 174 |
{/* Default ID Setting */}
|
| 175 |
<div>
|
|
|
|
| 169 |
</div>
|
| 170 |
|
| 171 |
{showSettings && (
|
| 172 |
+
<div className="absolute top-full right-0 mt-2 w-64 sm:w-72 bg-slate-900 border border-slate-700 rounded-xl shadow-2xl p-3 sm:p-4 z-dropdown animate-in fade-in slide-in-from-top-2 flex flex-col gap-3 sm:gap-4">
|
| 173 |
|
| 174 |
{/* Default ID Setting */}
|
| 175 |
<div>
|
frontend/src/components/PitchView.jsx
CHANGED
|
@@ -113,7 +113,7 @@ export const PitchView = ({
|
|
| 113 |
{/* Fullscreen toggle — mobile only */}
|
| 114 |
<button
|
| 115 |
onClick={toggleFullscreen}
|
| 116 |
-
className="absolute top-2 right-2 z-50 md:hidden p-1.5 bg-black/40 hover:bg-black/60 rounded-lg border border-white/20 text-white/70 hover:text-white transition-colors"
|
| 117 |
>
|
| 118 |
{isFullscreen ? (
|
| 119 |
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
|
|
|
|
| 113 |
{/* Fullscreen toggle — mobile only */}
|
| 114 |
<button
|
| 115 |
onClick={toggleFullscreen}
|
| 116 |
+
className="small-touch-target absolute top-2 right-2 z-50 md:hidden p-1.5 bg-black/40 hover:bg-black/60 rounded-lg border border-white/20 text-white/70 hover:text-white transition-colors"
|
| 117 |
>
|
| 118 |
{isFullscreen ? (
|
| 119 |
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
|
frontend/src/index.css
CHANGED
|
@@ -186,5 +186,22 @@ input:focus-visible, select:focus-visible, textarea:focus-visible {
|
|
| 186 |
}
|
| 187 |
}
|
| 188 |
|
| 189 |
-
.fullscreen-pitch:
|
| 190 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 186 |
}
|
| 187 |
}
|
| 188 |
|
| 189 |
+
.fullscreen-pitch:fullscreen {
|
| 190 |
+
background: #0a3a2a;
|
| 191 |
+
display: flex;
|
| 192 |
+
flex-direction: column;
|
| 193 |
+
justify-content: center;
|
| 194 |
+
overflow: hidden;
|
| 195 |
+
height: 100vh;
|
| 196 |
+
width: 100vw;
|
| 197 |
+
}
|
| 198 |
+
|
| 199 |
+
.fullscreen-pitch:-webkit-full-screen {
|
| 200 |
+
background: #0a3a2a;
|
| 201 |
+
display: flex;
|
| 202 |
+
flex-direction: column;
|
| 203 |
+
justify-content: center;
|
| 204 |
+
overflow: hidden;
|
| 205 |
+
height: 100vh;
|
| 206 |
+
width: 100vw;
|
| 207 |
+
}
|