administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-01 16:55:21 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Bernt Christian Egeland 2021-08-23 20:01:44 +02:00
parent 0d490e6727
commit 378b743866
2 changed files with 33 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/index.css
View File

@ -38,7 +38,3 @@ Could not find a proper tailwind css.
.outer-max-width {
max-width: 60%;
}
.aspect-ratio-box {
padding-top: calc(9 / 16 * 100%);
padding-bottom: 20%;
}

4
web/src/routes/Event.jsx
View File

@ -92,8 +92,7 @@ export default function Event({ eventId, close, scrollRef }) {
) : null}
</div>
<div className="outer-max-width m-auto">
<div className="aspect-ratio-box w-full relative">
<div className="absolute w-full top-10 left-0">
<div className="w-full pt-5 relative pb-20">
{data.has_clip ? (
<Fragment>
<Heading size="lg">Clip</Heading>
@ -129,6 +128,5 @@ export default function Event({ eventId, close, scrollRef }) {
</div>
</div>
</div>
</div>
);
}