mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-07 10:31:46 +00:00
whole div as a link
This commit is contained in:
1 parent
0fa6dccec6
commit
1bc86c436c
2 files changed
+20
-6
No files matched your search
@@ -1247,6 +1247,11 @@ styles with important tags:
|
||||
transition: 0.2s all;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
&:hover .btn {
|
||||
transition: 0.2s all;
|
||||
background-color: lighten($primary, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -202,7 +202,10 @@ function LandingPage(props: Props) {
|
||||
<h2 className="fw-bold mb-4">AI Tools</h2>
|
||||
<div className="row g-4 position-relative">
|
||||
<div className="col-12 col-md-4">
|
||||
<div className="panel panel-select d-flex flex-column align-items-center">
|
||||
<Link
|
||||
to="/tts"
|
||||
className="panel panel-select d-flex flex-column align-items-center"
|
||||
>
|
||||
<div className="d-flex px-4 pt-4 align-items-center w-100">
|
||||
<div className="flex-grow-1">
|
||||
<h3 className="fw-bold text-white mb-1">Text to Speech</h3>
|
||||
@@ -220,10 +223,13 @@ function LandingPage(props: Props) {
|
||||
src="/images/landing/select-tts.webp"
|
||||
alt="Text to speech"
|
||||
/>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="col-12 col-md-4">
|
||||
<div className="panel panel-select d-flex flex-column align-items-center">
|
||||
<Link
|
||||
to="/voice-conversion"
|
||||
className="panel panel-select d-flex flex-column align-items-center"
|
||||
>
|
||||
<div className="d-flex px-4 pt-4 align-items-center w-100">
|
||||
<div className="flex-grow-1">
|
||||
<h3 className="fw-bold text-white mb-1">Voice to Voice</h3>
|
||||
@@ -241,10 +247,13 @@ function LandingPage(props: Props) {
|
||||
src="/images/landing/select-vc.webp"
|
||||
alt="Voice Conversion"
|
||||
/>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="col-12 col-md-4">
|
||||
<div className="panel panel-select d-flex flex-column align-items-center">
|
||||
<Link
|
||||
to="/video"
|
||||
className="panel panel-select d-flex flex-column align-items-center"
|
||||
>
|
||||
<div className="d-flex px-4 pt-4 align-items-center w-100">
|
||||
<div className="flex-grow-1">
|
||||
<h3 className="fw-bold text-white mb-1">Video Lip Sync</h3>
|
||||
@@ -262,7 +271,7 @@ function LandingPage(props: Props) {
|
||||
src="/images/landing/select-w2l.webp"
|
||||
alt="Video Lip Sync"
|
||||
/>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
<img
|
||||
src="/images/landing/bg-dots.webp"
|
||||
|
||||
Reference in new issue
Block a user