mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-07 02:21:23 +00:00
vst v1 update cta
This commit is contained in:
1 parent
36d6ca5830
commit
967f0ea0e7
2 files changed
+23
-2
No files matched your search
+13
-1
@@ -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;
|
||||
|
||||
+10
-1
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user