sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve video editing form appearance for better usability

Browse Source 
Update CSS classes in `video-edit-modal.tsx` to specifically style input fields, textareas, and select elements within the video editing modal, ensuring better visibility and consistency with dark mode. Additionally, modify global styles in `index.css` to target these elements more effectively, including placeholder text and labels.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/ESknBgQ
This commit is contained in:
sebastjanartic
2025-08-08 19:53:34 +00:00
parent 00eb8eb914
commit 08418ec877
2 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/video-edit-modal.tsx
+4 -4
View File
@@ -132,7 +132,7 @@ export default function VideoEditModal({ video, isOpen, onClose }: VideoEditModa
value={title}
onChange={(e) => setTitle(e.target.value)}
placeholder="Vnesite naslov videoposnetka"
className="w-full bg-white dark:bg-gray-800 text-black dark:text-white border-gray-300 dark:border-gray-600"
className="w-full !bg-gray-700 !text-white !border-gray-500 placeholder:!text-gray-300"
data-testid="input-video-title"
/>
</div>
@@ -147,7 +147,7 @@ export default function VideoEditModal({ video, isOpen, onClose }: VideoEditModa
onChange={(e) => setDescription(e.target.value)}
placeholder="Opišite vsebino videoposnetka"
rows={4}
className="w-full bg-white dark:bg-gray-800 text-black dark:text-white border-gray-300 dark:border-gray-600"
className="w-full !bg-gray-700 !text-white !border-gray-500 placeholder:!text-gray-300"
data-testid="input-video-description"
/>
</div>
@@ -161,7 +161,7 @@ export default function VideoEditModal({ video, isOpen, onClose }: VideoEditModa
value={category}
onChange={(e) => setCategory(e.target.value)}
placeholder="npr. Izobraževanje, Zabava, Tehnologija"
className="w-full bg-white dark:bg-gray-800 text-black dark:text-white border-gray-300 dark:border-gray-600"
className="w-full !bg-gray-700 !text-white !border-gray-500 placeholder:!text-gray-300"
data-testid="input-video-category"
/>
</div>
@@ -175,7 +175,7 @@ export default function VideoEditModal({ video, isOpen, onClose }: VideoEditModa
value={tags}
onChange={(e) => setTags(e.target.value)}
placeholder="npr. tutorial, spletno programiranje, react"
className="w-full bg-white dark:bg-gray-800 text-black dark:text-white border-gray-300 dark:border-gray-600"
className="w-full !bg-gray-700 !text-white !border-gray-500 placeholder:!text-gray-300"
data-testid="input-video-tags"
/>
</div>