quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

use test videos in main page showcase

Browse source
This commit is contained in:
outfoxxed 2024-10-30 16:35:30 -07:00
parent 905c91ad80
commit 11256941d4
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
2 changed files with 5 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/marquee/Marquee.astro
View file

@ -31,7 +31,9 @@ const ph = placeholders();
</div> </div>
<div id="marquee-content" class="marquee-content" data-scroll="0"> <div id="marquee-content" class="marquee-content" data-scroll="0">
{ph.map(item => <div class="marquee-item"> {ph.map(item => <div class="marquee-item">
<div class="marquee-item-spacing marquee-item-content">{item}</div> <video class="marquee-item-spacing marquee-item-content" controls>
<source src="/assets/simple-shell-livereload.mp4" type="video/mp4"/>
</video>
</div>)} </div>)}
</div> </div>
</div> </div>

8
src/styles/main-page.css
View file

@ -91,12 +91,6 @@
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
} }
.marquee-item-content {
border: 1px solid red;
border-radius: 8px;
background-color: gray;
}
.marquee-scroll { .marquee-scroll {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -108,12 +102,14 @@
z-index: 10; z-index: 10;
user-select: none; user-select: none;
align-items: stretch; align-items: stretch;
pointer-events: none;
} }
.marquee-scroll-arrow { .marquee-scroll-arrow {
flex-grow: 1; flex-grow: 1;
max-width: 8rem; max-width: 8rem;
font-size: 2rem; font-size: 2rem;
pointer-events: all;
} }
.marquee-scroll-arrow > div { .marquee-scroll-arrow > div {