Hugging Face's logo

Spaces:
daydreamer-json
/
hp
Running

App Files Community
daydreamer-json commited on
Commit
3773b54
•
1 Parent(s): 0177ec0

Restore gi_cutscn_viewer css

Browse files
Files changed (1) hide show
  1. gi_cutscn_viewer.html +15 -25
gi_cutscn_viewer.html CHANGED
@@ -22,41 +22,31 @@
22
  font-family: 'A-OTF UD Shin Go Pro', system-ui;
23
  }
24
  .main2 {
25
- display: block;
 
26
  height: 100vh;
27
- width: 100vw;
28
- }
29
- .mainUI {
30
- display: block;
31
- width: 100vw;
32
- background: rgba(0,0,0,0.3);
33
- z-index: 100;
34
  }
35
- .mainVideo {
36
- height: 100vh;
37
- width: 100vw;
38
- z-index: 0;
39
  }
40
  </style>
41
  </head>
42
  <body>
43
  <div class="main">
44
  <div class="main2">
45
- <div class="mainUI">
46
- <p><span>File:</span><span>
47
- <select id="filePullDownMenu" name="videoName" required>
48
- </select>
49
- </span><span id="audioTrackPullDownRow" hidden><br>
50
- <span>Audio:</span><span>
51
  <select id="audioTrackPullDownMenu" name="audioTrackName" required>
52
  </select>
53
- </span></span></p>
54
- </div>
55
- <div class="mainVideo">
56
- <video id="video" controls crossorigin>
57
- <source type="application/x-mpegURL">
58
- </video>
59
- </div>
60
  </div>
61
  </div>
62
  <script>
 
22
  font-family: 'A-OTF UD Shin Go Pro', system-ui;
23
  }
24
  .main2 {
25
+ display: flex;
26
+ flex-direction: column;
27
  height: 100vh;
 
 
 
 
 
 
 
28
  }
29
+ #video, .plyr {
30
+ flex-grow: 1;
31
+ height: 100%;
32
+ width: 100%;
33
  }
34
  </style>
35
  </head>
36
  <body>
37
  <div class="main">
38
  <div class="main2">
39
+ <p><span>File:</span><span>
40
+ <select id="filePullDownMenu" name="videoName" required>
41
+ </select>
42
+ </span><span id="audioTrackPullDownRow" hidden><br>
43
+ <span>Audio:</span><span>
 
44
  <select id="audioTrackPullDownMenu" name="audioTrackName" required>
45
  </select>
46
+ </span></span></p>
47
+ <video id="video" controls crossorigin>
48
+ <source type="application/x-mpegURL">
49
+ </video>
 
 
 
50
  </div>
51
  </div>
52
  <script>