File tree Expand file tree Collapse file tree 1 file changed +8
-4
lines changed Expand file tree Collapse file tree 1 file changed +8
-4
lines changed Original file line number Diff line number Diff line change 174
174
}
175
175
176
176
const container = document . getElementById ( "loading-media" ) ;
177
+ container . style . display = "flex" ;
178
+ container . style . justifyContent = "center" ;
179
+ container . style . alignItems = "center" ;
180
+ container . style . width = "100%" ;
177
181
178
182
if ( lang === "ja" ) {
179
183
container . innerHTML = `
180
- <div class="media-wrapper" style="width: 100%; max-width: 800px; aspect-ratio: 16/9; position: relative ;">
181
- <img src="loading-animation-ja.svg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;" alt="Loading animation" />
184
+ <div class="media-wrapper" style="width: 100%; aspect-ratio: 16/9; display: flex; justify-content: center; align-items: center ;">
185
+ <img src="loading-animation-ja.svg" style="width: 100%; height: 100%; object-fit: contain;" alt="Loading animation" />
182
186
</div>` ;
183
187
} else {
184
188
container . innerHTML = `
185
- <div class="media-wrapper" style="width: 100%; max-width: 800px; aspect-ratio: 16/9; position: relative ;">
186
- <video loop autoplay muted playsinline style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;">
189
+ <div class="media-wrapper" style="width: 100%; aspect-ratio: 16/9; display: flex; justify-content: center; align-items: center ;">
190
+ <video loop autoplay muted playsinline style="width: 100%; height: 100%; object-fit: contain;">
187
191
<source src="loading-animation.webm" type="video/webm">
188
192
<source src="loading-animation.mp4" type="video/mp4">
189
193
</video>
You can’t perform that action at this time.
0 commit comments