Skip to content

Commit

Permalink
Did the Required changes
Browse files Browse the repository at this point in the history 
Signed-off-by: NishantSinghhhhh <[email protected]>
  • Loading branch information
@NishantSinghhhhh
NishantSinghhhhh committed Oct 21, 2024
1 parent b0d80fd commit e994890
Show file tree
Hide file tree
Showing 3 changed files with 24 additions and 36 deletions.
32 changes: 14 additions & 18 deletions src/sections/Projects/Sistent/components/link/code.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const codes = [
href="Your Link"
style={{
textDecoration: "none",
border: "1px solid black",
color:"green",
padding: "6px",
marginLeft: "10px",
}}
Expand All @@ -30,8 +30,7 @@ const codes = [
href="Your Path"
style={{
textDecoration: "none",
border: "1px solid blue",
color: "blue",
color: "green",
padding: "6px",
marginLeft: "10px",
}}
Expand All @@ -45,7 +44,7 @@ const codes = [
href="Your Path"
style={{
textDecoration: "underline",
color: "blue",
color: "green",
padding: "6px",
marginLeft: "10px",
}}
Expand All @@ -60,7 +59,7 @@ const codes = [
href="Your Path"
style={{
textDecoration: "none",
color: "green",
color: "blue",
fontWeight: "bold",
fontSize: "16px",
padding: "6px",
Expand All @@ -77,12 +76,12 @@ const codes = [
href="/path-to-file.zip"
download="file.zip"
style={{
color: "blue",
color: "green",
fontWeight: "bold",
fontSize: "16px",
padding: "6px",
marginLeft: "10px",
borderBottom: "2px solid blue",
}}
>
Download File
Expand All @@ -96,7 +95,7 @@ const codes = [
rel="noopener noreferrer"
style={{
textDecoration: "underline",
color: "blue",
color: "green",
padding: "6px",
marginLeft: "10px",
}}
Expand Down Expand Up @@ -165,7 +164,7 @@ export const LinkCode = () => {
href="your path"
style={{
textDecoration: "none",
border: "1px solid black",
color: "green",
padding: "6px",
marginLeft: "10px",
}}
Expand Down Expand Up @@ -193,8 +192,7 @@ export const LinkCode = () => {
<Link href="Your Path"
style={{
textDecoration: "none",
border: "1px solid blue",
color: "blue",
color: "green",
padding: "6px",
marginLeft: "10px",
}}
Expand All @@ -217,9 +215,8 @@ export const LinkCode = () => {
href="Your Path"
style={{
textDecoration: "underline",
color: "blue",
color: "green",
padding: "6px",
border: "1px solid blue",
marginLeft: "10px",
}}
>
Expand All @@ -241,12 +238,12 @@ export const LinkCode = () => {
href="Your Path"
style={{
textDecoration: "none",
color: "green",
color: "blue",
fontWeight: "bold",
fontSize: "16px",
padding: "6px",
marginLeft: "10px",
borderBottom: "2px dashed green",
borderBottom: "2px dashed blue",
}}
>
Customized Link
Expand All @@ -268,12 +265,11 @@ export const LinkCode = () => {
download="file.zip"
style={{
textDecoration: "none",
color: "blue",
color: "green",
fontWeight: "bold",
fontSize: "16px",
padding: "6px",
marginLeft: "10px",
borderBottom: "2px solid blue",
}}
>
Download File
Expand All @@ -298,7 +294,7 @@ export const LinkCode = () => {
rel="noopener noreferrer"
style={{
textDecoration: "underline",
color: "blue",
color: "green",
padding: "6px",
marginLeft: "10px",
}}
Expand Down
17 changes: 5 additions & 12 deletions src/sections/Projects/Sistent/components/link/guidance.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,13 +74,11 @@ export const LinkGuidancePage = () => {
style={{
marginLeft: "10px",
textDecoration: "none",
color: isDark ? "white" : "black", // Change color based on the theme
color: "green", // Change color based on the theme
padding: "6px",
border: "2px solid",
borderColor: isDark ? "white" : "black",
}}
>
Navigate to Layer5
Navigate to Layer 5
</Link>
</SistentThemeProvider>
</Row>
Expand All @@ -96,13 +94,11 @@ export const LinkGuidancePage = () => {
display: "inline-block",
marginLeft: "10px",
textDecoration: "none",
color: isDark ? "white" : "black",
backgroundColor: isDark ? "#3f51b5" : "#2196f3", // Button background color
color: "green",
padding: "10px 20px",
borderRadius: "4px",
fontWeight: "bold",
border: "2px solid",
borderColor: isDark ? "white" : "black",
border: "2px solid black",
}}
>
Get Started
Expand Down Expand Up @@ -132,16 +128,13 @@ export const LinkGuidancePage = () => {
</Row>
<h3>Download Links</h3>
<p>
These links allow users to download files, documents, or resources. It’s essential to provide information about the file type and size to prepare users for what they’re downloading.
These links allow users to download files, documents, or resources. It’s essential to provide information about the file type and size to prepare users for what they’re downloading. You just have to pass Download as prop in link component.
</p>
<Row $Hcenter className="image-container">
<SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
<Button
component="a"
href="https://layer5.io/projects/sistent/components/link/guidance"
download
variant="contained"
color="secondary"
style={{
marginLeft: "10px",
padding: "10px 20px",
Expand Down
11 changes: 5 additions & 6 deletions src/sections/Projects/Sistent/components/link/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,8 +74,7 @@ const SistentLink = () => {
href="https://layer5.io/"
style={{
marginLeft: "10px",
textDecoration: "none",
color: "black",
color: "green",
padding: "6px",
}}
>
Expand All @@ -89,8 +88,7 @@ const SistentLink = () => {
The links can be customized in the below mentioned way
</p>
<h4>1. Color</h4>
<p>
You can customize link colors with predefined values such as primary, secondary, error, success, warning, info, or inherit existing text colors like Blue, Red.
<p>Nomally the color of Sistent Link is green , but on adding styling properties, You can customize link colors with predefined values such as primary, secondary, error, success, warning, info, or inherit existing text colors like Blue, Red.
</p>
<Row $Hcenter className="image-container">
<SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
Expand Down Expand Up @@ -122,6 +120,7 @@ const SistentLink = () => {
style={{
marginLeft: "10px",
textDecoration: "underline",
color:"green",
padding: "6px",
}}
>
Expand All @@ -142,9 +141,9 @@ const SistentLink = () => {
style={{
marginLeft: "10px",
textDecoration: "underline",
color: "blue",
color: "green",
padding: "6px",
border: "2px solid blue",
border: "2px solid green",
}}
variant="body1"
>
Expand Down

0 comments on commit e994890

Please sign in to comment.