AnayShukla commited on
Commit
6e5220d
·
1 Parent(s): 14b6654
frontend/src/App.jsx CHANGED
@@ -169,7 +169,7 @@ function AppContent() {
169
  </div>
170
 
171
  {showSettings && (
172
- <div className="absolute top-full left-0 md:left-auto md: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>
 
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:-webkit-full-screen { background: #0a3a2a; }
190
- .fullscreen-pitch:fullscreen { background: #0a3a2a; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
+ }