Skip to content

[Bug] Fix Upload LayoutΒ #19

@OctoByte-OpenSource

Description

@OctoByte-OpenSource

Describe the bug
The upload video layout is not properly structured. The components should be displayed in a single column using flex-col, but they are currently misaligned or arranged incorrectly.

To Reproduce
Steps to reproduce the behavior:

  1. Go to the video upload section.
  2. Observe the current layout of the upload components.
  3. Notice that the elements are not in a single column format.

Expected behavior
The upload section should have the following components arranged in a single column using flex-col:

  1. Video Preview
  2. Thumbnail Preview
  3. Upload Video
  4. Upload Thumbnail
  5. Title
  6. Description
  7. Submit button

Screenshots
(Add screenshots if applicable)

Desktop Responsive (please complete the following information):

  • OS: [e.g. Windows 11, macOS]
  • Browser: [e.g. Chrome, Firefox]
  • Version: [e.g. 119.0]

Smartphone Responsive (please complete the following information):

  • Device: [e.g. iPhone 13, Samsung Galaxy S22]
  • OS: [e.g. iOS 17, Android 14]
  • Browser: [e.g. Safari, Chrome]
  • Version: [e.g. 22]

Additional context

  • Ensure the layout follows a consistent design.
  • Use Tailwind's flex flex-col for proper vertical alignment.
  • Ensure responsiveness across all screen sizes.

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingenhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions