Update CTA text "View source code" > "Try it out" (#16488)

Update CTA text "View source code" > "Try it out"

---------

Co-authored-by: Eric <eashaw@sailsjs.com>
This commit is contained in:
Mike Thomas 2024-02-01 00:34:56 +09:00 committed by GitHub
parent 43f003ee01
commit 92132800ca
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions

View file

@ -136,11 +136,11 @@
}
[purpose='animated-arrow-button-red'] {
display: inline;
padding-right: 40px;
padding-right: 34px;
cursor: pointer;
position: relative;
width: fit-content;
min-width: 125px;
min-width: auto;
font-weight: bold;
user-select: none;
transition: 0.2s ease-in-out;
@ -155,7 +155,7 @@
transform: scale(0.5);
position: absolute;
top: -5px;
left: 80%; // <--- here
right: -5px; // <--- here
transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
@ -164,7 +164,7 @@
/* opacity: 0; */
}
&:hover:after {
left: 82%; // <--- here
right: -10px; // <--- here
transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;

View file

@ -19,7 +19,7 @@
<p>Use Fleet to enforce conditional access checking at login. (It's pretty easy to customize whatever you need.)</p>
<div purpose="button-row" class="d-flex flex-md-row flex-column justify-content-start align-items-center">
<a purpose="cta-button" @click="clickOpenChatWidget()">Show me</a>
<a purpose="animated-arrow-button-red" href="/pricing">View source code</a>
<a purpose="animated-arrow-button-red" href="/pricing">Try it out</a>
</div>
</div>
</div>
@ -205,7 +205,7 @@
<h2>Manage everything in one place</h2>
<div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
<a purpose="cta-button" @click="clickOpenChatWidget()">Show me</a>
<a purpose="animated-arrow-button-red" href="/pricing">View source code</a>
<a purpose="animated-arrow-button-red" href="/pricing">Try it out</a>
</div>
</div>
</div>