Reorganize assets into static/css and static/js folders for better file organization

This commit is contained in:
VinnyNC 2025-09-28 22:29:30 -04:00
parent 7d2931b7c9
commit 14bc8e6f44
11 changed files with 10 additions and 10 deletions

64
static/css/layout.css Normal file
View file

@ -0,0 +1,64 @@
/* Layout styles - Main structural elements */
/* =================================================================
THEATER CONTAINER - Main layout wrapper
================================================================= */
.theater-container {
display: flex;
height: 100vh;
position: relative;
transition: all var(--transition-slow);
}
/* =================================================================
VIDEO SECTION - Left side containing video player
================================================================= */
.video-section {
flex: 1;
background: #000;
position: relative;
display: flex;
flex-direction: column;
transition: all var(--transition-slow);
}
.video-section.expanded {
flex: 1;
width: 100%;
}
/* =================================================================
VIDEO WRAPPER - Contains the video element
================================================================= */
.video-wrapper {
flex: 1;
position: relative;
background: #000;
overflow: hidden;
}
/* =================================================================
CHAT SECTION - Right side chat panel
================================================================= */
.chat-section {
width: 350px;
background: var(--bg-dark);
color: var(--text-primary);
display: flex;
flex-direction: column;
box-shadow: var(--shadow-dodgers-lg);
transition: transform var(--transition-slow);
position: relative;
border-left: 1px solid var(--border-color);
}
.chat-section.collapsed {
transform: translateX(100%);
position: absolute;
right: 0;
height: 100%;
}