daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-04 17:38:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #142 from storytold/bflat-fy-social-style-cleanup

Browse Source 
social section style clean up
This commit is contained in:
Brandon Thomas authored and GitHub committed 2023-01-14 03:58:45 -05:00
2 parents d1052887c8 b732f5f5f0
commit 0b11748a05
2 files changed
+15 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/fakeyou.com/src/v2/view/tts/tts_model_view/TtsModelViewPage.tsx
+7 -7
View File
@@ -154,8 +154,12 @@ function TtsModelViewPage(props: Props) {
listAllTtsCategories,
]);
const shareLink = `https://fakeyou.com${FrontendUrlConfig.ttsModelPage(token)}`;
const shareTitle = `Use FakeYou to generate speech as ${ttsModel?.title || "your favorite characters"}!`
const shareLink = `https://fakeyou.com${FrontendUrlConfig.ttsModelPage(
token
)}`;
const shareTitle = `Use FakeYou to generate speech as ${
ttsModel?.title || "your favorite characters"
}!`;
const handleCopyLink = () => {
navigator.clipboard.writeText(shareLink);
@@ -580,7 +584,7 @@ function TtsModelViewPage(props: Props) {
let socialSharing = (
<>
<div className="align-items-start panel p-3 p-lg-4">
<h2 className="panel-title">Share this TTS model</h2>
<h2 className="fw-bold panel-title">Share this TTS model</h2>
<div className="py-6 d-flex gap-3 flex-column flex-lg-row align-items-center">
<div className="d-flex gap-3">
@@ -638,10 +642,6 @@ function TtsModelViewPage(props: Props) {
<div>{modelDescription}</div>
<motion.div className="container-panel pt-4 pb-5" variants={item}>
{socialSharing}
</motion.div>
<div>{modelCategoriesSection}</div>
<motion.div className="container-panel pt-3 pb-5" variants={panel}>
packages/fakeyou.com/src/v2/view/tts/tts_result_view/TtsResultViewPage.tsx
+8 -5
View File
@@ -63,8 +63,12 @@ function TtsResultViewPage(props: Props) {
}
}, []);
const shareLink = `https://fakeyou.com${FrontendUrlConfig.ttsResultPage(token)}`;
const shareTitle = `I just used FakeYou to generate speech as ${ttsInferenceResult?.tts_model_title || "one of my favorite characters"}!`
const shareLink = `https://fakeyou.com${FrontendUrlConfig.ttsResultPage(
token
)}`;
const shareTitle = `I just used FakeYou to generate speech as ${
ttsInferenceResult?.tts_model_title || "one of my favorite characters"
}!`;
const handleCopyLink = () => {
navigator.clipboard.writeText(shareLink);
@@ -352,7 +356,7 @@ function TtsResultViewPage(props: Props) {
let socialSharing = (
<>
<div className="align-items-start panel p-3 p-lg-4">
<h2 className="panel-title">Share this audio</h2>
<h2 className="fw-bold panel-title">Share this audio</h2>
<div className="py-6 d-flex gap-3 flex-column flex-lg-row align-items-center">
<div className="d-flex gap-3">
@@ -422,7 +426,7 @@ function TtsResultViewPage(props: Props) {
<code>audio</code> element.
</audio>*/}
<motion.div className="container-panel py-5" variants={item}>
<motion.div className="container-panel pt-3 pb-5" variants={item}>
{socialSharing}
</motion.div>
@@ -514,7 +518,6 @@ function TtsResultViewPage(props: Props) {
<ReportDiscordLinkFc />
</motion.p>
</motion.div>
</motion.div>
);
}