vst v1 update cta

This commit is contained in:
BFlat committed 2024-03-06 17:00:33 +07:00
1 parent 36d6ca5830
commit 967f0ea0e7
2 files changed
+23 -2

No files matched your search

@@ -9,7 +9,7 @@
background-color: $panel;
height: 400px;
overflow: hidden;
border: lighten($panel, 10%) solid 1px;
border: lighten($panel, 10%) solid 2px;
border-radius: 0.5rem;
overflow: hidden;
}
@@ -36,6 +36,18 @@
padding: 0.75rem;
}
.vst-sbs-video-overlay-cta {
position: absolute;
z-index: 3;
bottom: 0;
right: 0;
color: $white;
opacity: 0.75;
font-weight: 500;
padding: 0.75rem;
text-shadow: 0px 0px 5px $black;
}
@media (max-width: 992px) {
.vst-sbs-panel {
height: 400px;
@@ -1,6 +1,7 @@
import { Badge, Panel } from "components/common";
import { Badge, Button, Panel } from "components/common";
import React, { useEffect, useRef, useState } from "react";
import "./VstSectionV1.scss";
import { faChevronRight } from "@fortawesome/pro-solid-svg-icons";
interface VstSectionV1Props {}
@@ -63,6 +64,14 @@ export default function VstSectionV1(props: VstSectionV1Props) {
<div className="vst-sbs-video-overlay-text">
<Badge label={column.title} color="gray" />
</div>
<div className="vst-sbs-video-overlay-cta">
<Button
variant="link"
label="Try this style"
to="/video-styletransfer"
className="fs-7"
/>
</div>
</div>
</div>
</div>