mirror of
https://github.com/LukeHagar/developer.sailpoint.com.git
synced 2025-12-10 04:19:42 +00:00
fixed up css issues
This commit is contained in:
@@ -4,6 +4,10 @@
|
||||
const lightCodeTheme = require('prism-react-renderer/themes/github');
|
||||
const darkCodeTheme = require('prism-react-renderer/themes/dracula');
|
||||
|
||||
const footer = require('./footer');
|
||||
const navbar = require('./navbar');
|
||||
const plugins = require('./plugins');
|
||||
|
||||
/** @type {import('@docusaurus/types').Config} */
|
||||
const config = {
|
||||
title: 'SailPoint Developer Community',
|
||||
@@ -43,15 +47,9 @@ const config = {
|
||||
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
|
||||
({
|
||||
algolia: {
|
||||
// The application ID provided by Algolia
|
||||
appId: 'TB01H1DFAM',
|
||||
|
||||
// Public API key: it is safe to commit it
|
||||
apiKey: '726952a7a9389c484b6c96808a3e0010',
|
||||
|
||||
indexName: 'prod_DEVELOPER_SAILPOINT_COM',
|
||||
|
||||
// Optional: path for search page that enabled by default (`false` to disable it)
|
||||
searchPagePath: false,
|
||||
placeholder: "Search the Developer Community",
|
||||
},
|
||||
@@ -65,176 +63,8 @@ const config = {
|
||||
defaultMode: "light",
|
||||
respectPrefersColorScheme: true
|
||||
},
|
||||
navbar: {
|
||||
title: '',
|
||||
logo: {
|
||||
alt: 'SailPoint Developer Community',
|
||||
src: 'img/SailPoint-Developer-Community-Lockup.png',
|
||||
srcDark: 'img/SailPoint-Developer-Community-Inverse-Lockup.png'
|
||||
},
|
||||
items: [
|
||||
{
|
||||
type: 'dropdown',
|
||||
label: 'IdentityNow',
|
||||
position: 'left',
|
||||
items: [
|
||||
{to: "#", label: "API Specifications", className: "navbar__section",},
|
||||
{to: '/idn/api/v3', label: 'V3 APIs', className: "indent"},
|
||||
{to: '/idn/api/beta', label: 'Beta APIs', className: "indent"},
|
||||
{to: "#", label: "Documentation", className: "navbar__section",},
|
||||
{to: '/idn/docs/getting-started', label: 'IDN Documentation', className: "indent"},
|
||||
{to: "#", label: "Training", className: "navbar__section",},
|
||||
{href: 'https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003041/true/xxemptyxx/', label: 'IdentityNow Certifications', className: "indent"},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'dropdown',
|
||||
label: 'IdentityIQ',
|
||||
position: 'left',
|
||||
items: [
|
||||
{to: "#", label: "API Specifications", className: "navbar__section",},
|
||||
{to: '/iiq/api', label: 'IIQ APIs', className: "indent"},
|
||||
{to: "#", label: "Training", className: "navbar__section",},
|
||||
{href: 'https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003042/true/xxemptyxx/', label: 'IdentityIQ Certifications', className: "indent"},
|
||||
],
|
||||
},
|
||||
{
|
||||
position: "left",
|
||||
label: "Ideas",
|
||||
to: "https://developer-sailpoint.ideas.aha.io/"
|
||||
},
|
||||
{
|
||||
position: "left",
|
||||
label: "Discuss",
|
||||
to: "https://developer.sailpoint.com/discuss"
|
||||
},
|
||||
{
|
||||
type: "dropdown",
|
||||
label: "Support",
|
||||
position: "right",
|
||||
items: [
|
||||
{label: "Compass", href: "https://community.sailpoint.com"},
|
||||
{label: "Submit Support Ticket", href: "https://support.sailpoint.com/hc/en-us/requests/new?ticket_form_id=360000629992"},
|
||||
{label: "Status", href: "https://status.sailpoint.com/"},
|
||||
]
|
||||
},
|
||||
{
|
||||
position: "right",
|
||||
to: "https://github.com/sailpoint-oss",
|
||||
className: "header-github-link",
|
||||
"aria-label": "SailPoint Open-source GitHub"
|
||||
},
|
||||
]
|
||||
},
|
||||
footer: {
|
||||
style: "light",
|
||||
links: [
|
||||
{
|
||||
title: "IdentityNow",
|
||||
items: [
|
||||
{
|
||||
label: "Your First API Call",
|
||||
to: "idn/docs/getting-started"
|
||||
},
|
||||
{
|
||||
label: "Build A Transform",
|
||||
to: "idn/docs/transforms"
|
||||
},
|
||||
{
|
||||
label: "Build A SaaS Connector",
|
||||
to: "idn/docs/saas-connectors"
|
||||
},
|
||||
{
|
||||
label: "Get Certified",
|
||||
href: "https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003041/true/xxemptyxx/"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "IdentityIQ",
|
||||
items: [
|
||||
{
|
||||
label: "Build A Plugin",
|
||||
to: "https://documentation.sailpoint.com/"
|
||||
},
|
||||
{
|
||||
label: "Get Certified",
|
||||
href: "https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003042/true/xxemptyxx/"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Discuss",
|
||||
to: "https://developer.sailpoint.com/discuss"
|
||||
},
|
||||
{
|
||||
label: "Submit an Idea",
|
||||
to: "https://developer-sailpoint.ideas.aha.io/"
|
||||
},
|
||||
{
|
||||
label: "Contact Our Team",
|
||||
to: "https://developer.sailpoint.com/discuss/new-message?groupname=developer_relations"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "More",
|
||||
items: [
|
||||
{
|
||||
label: "Engineering Blog",
|
||||
href: "https://medium.com/sailpointtechblog"
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com/sailpoint-oss"
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/sailpoint"
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "The SailPoint Story",
|
||||
to: "https://www.sailpoint.com/company/"
|
||||
},
|
||||
{
|
||||
label: "The SailPoint Way",
|
||||
to: "https://www.sailpoint.com/company/diversity-inclusion-and-belonging/"
|
||||
},
|
||||
{
|
||||
label: "Leadership Team",
|
||||
to: "https://www.sailpoint.com/company/#h-our-leadership"
|
||||
},
|
||||
{
|
||||
label: "Become A Partner",
|
||||
to: "https://www.sailpoint.com/partners/become-partner/"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
to: "https://developet.sailpoint.com"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
logo: {
|
||||
alt: 'SailPoint Developer Community Logo',
|
||||
src: '/img/SailPoint-Developer-Community-Lockup.png',
|
||||
href: 'https://developer.sailpoint.com',
|
||||
},
|
||||
copyright: `Copyright © ${new Date().getFullYear()} SailPoint Technologies Holdings, Inc. All Rights Reserved.`,
|
||||
},
|
||||
navbar: navbar,
|
||||
footer: footer,
|
||||
prism: {
|
||||
theme: lightCodeTheme,
|
||||
darkTheme: darkCodeTheme,
|
||||
@@ -242,77 +72,7 @@ const config = {
|
||||
},
|
||||
}),
|
||||
|
||||
plugins: [
|
||||
[
|
||||
"@docusaurus/plugin-content-docs",
|
||||
{
|
||||
id: "idn",
|
||||
path: "products/idn",
|
||||
routeBasePath: "idn",
|
||||
editUrl: "https://github.com/sailpoint-oss/developer-community-site/edit/main/",
|
||||
showLastUpdateAuthor: true,
|
||||
showLastUpdateTime: true,
|
||||
sidebarPath: require.resolve("./products/idn/sidebar.js"),
|
||||
docItemComponent: "@theme/ApiItem"
|
||||
},
|
||||
],
|
||||
[
|
||||
"@docusaurus/plugin-content-docs",
|
||||
{
|
||||
id: "iiq",
|
||||
path: "products/iiq",
|
||||
routeBasePath: "iiq",
|
||||
editUrl: "https://github.com/sailpoint-oss/developer-community-site/edit/main/",
|
||||
showLastUpdateAuthor: true,
|
||||
showLastUpdateTime: true,
|
||||
sidebarPath: require.resolve("./products/iiq/sidebar.js"),
|
||||
docItemComponent: "@theme/ApiItem"
|
||||
},
|
||||
],
|
||||
|
||||
[
|
||||
"docusaurus-plugin-openapi-docs",
|
||||
{
|
||||
id: "idn",
|
||||
docsPluginId: "idn",
|
||||
config: {
|
||||
idn_v3: {
|
||||
specPath: "static/idn-api/sailpoint-api.v3.yaml",
|
||||
outputDir: "products/idn/api/v3",
|
||||
sidebarOptions: {
|
||||
groupPathsBy: "tag",
|
||||
categoryLinkSource: "tag"
|
||||
}
|
||||
},
|
||||
idn_beta: {
|
||||
specPath: "static/idn-api/sailpoint-api.beta.yaml",
|
||||
outputDir: "products/idn/api/beta",
|
||||
sidebarOptions: {
|
||||
groupPathsBy: "tag",
|
||||
categoryLinkSource: "tag"
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
],
|
||||
[
|
||||
"docusaurus-plugin-openapi-docs",
|
||||
{
|
||||
id: "iiq",
|
||||
docsPluginId: "iiq",
|
||||
config: {
|
||||
iiq: {
|
||||
specPath: "static/iiq-api/swagger.json",
|
||||
outputDir: "products/iiq/api",
|
||||
sidebarOptions: {
|
||||
groupPathsBy: "tag",
|
||||
categoryLinkSource: "tag"
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
]
|
||||
],
|
||||
plugins: plugins,
|
||||
|
||||
themes: ["docusaurus-theme-openapi-docs"]
|
||||
};
|
||||
|
||||
109
footer.js
Normal file
109
footer.js
Normal file
@@ -0,0 +1,109 @@
|
||||
module.exports = {
|
||||
style: "light",
|
||||
links: [
|
||||
{
|
||||
title: "IdentityNow",
|
||||
items: [
|
||||
{
|
||||
label: "Your First API Call",
|
||||
to: "idn/docs/getting-started"
|
||||
},
|
||||
{
|
||||
label: "Build A Transform",
|
||||
to: "idn/docs/transforms"
|
||||
},
|
||||
{
|
||||
label: "Build A SaaS Connector",
|
||||
to: "idn/docs/saas-connectors"
|
||||
},
|
||||
{
|
||||
label: "Get Certified",
|
||||
href: "https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003041/true/xxemptyxx/"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "IdentityIQ",
|
||||
items: [
|
||||
{
|
||||
label: "Build A Plugin",
|
||||
to: "https://documentation.sailpoint.com/"
|
||||
},
|
||||
{
|
||||
label: "Get Certified",
|
||||
href: "https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003042/true/xxemptyxx/"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Discuss",
|
||||
to: "https://developer.sailpoint.com/discuss"
|
||||
},
|
||||
{
|
||||
label: "Submit an Idea",
|
||||
to: "https://developer-sailpoint.ideas.aha.io/"
|
||||
},
|
||||
{
|
||||
label: "Contact Our Team",
|
||||
to: "https://developer.sailpoint.com/discuss/new-message?groupname=developer_relations"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "More",
|
||||
items: [
|
||||
{
|
||||
label: "Engineering Blog",
|
||||
href: "https://medium.com/sailpointtechblog"
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com/sailpoint-oss"
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/sailpoint"
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "The SailPoint Story",
|
||||
to: "https://www.sailpoint.com/company/"
|
||||
},
|
||||
{
|
||||
label: "The SailPoint Way",
|
||||
to: "https://www.sailpoint.com/company/diversity-inclusion-and-belonging/"
|
||||
},
|
||||
{
|
||||
label: "Leadership Team",
|
||||
to: "https://www.sailpoint.com/company/#h-our-leadership"
|
||||
},
|
||||
{
|
||||
label: "Become A Partner",
|
||||
to: "https://www.sailpoint.com/partners/become-partner/"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
to: "https://developet.sailpoint.com"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
logo: {
|
||||
alt: 'SailPoint Developer Community Logo',
|
||||
src: '/img/SailPoint-Developer-Community-Lockup.png',
|
||||
href: 'https://developer.sailpoint.com',
|
||||
},
|
||||
copyright: `Copyright © ${new Date().getFullYear()} SailPoint Technologies Holdings, Inc. All Rights Reserved.`,
|
||||
}
|
||||
61
navbar.js
Normal file
61
navbar.js
Normal file
@@ -0,0 +1,61 @@
|
||||
module.exports = {
|
||||
title: '',
|
||||
logo: {
|
||||
alt: 'SailPoint Developer Community',
|
||||
src: 'img/SailPoint-Developer-Community-Lockup.png',
|
||||
srcDark: 'img/SailPoint-Developer-Community-Inverse-Lockup.png'
|
||||
},
|
||||
items: [
|
||||
{
|
||||
type: 'dropdown',
|
||||
label: 'IdentityNow',
|
||||
position: 'left',
|
||||
items: [
|
||||
{to: "#", label: "API Specifications", className: "navbar__section",},
|
||||
{to: '/idn/api/v3', label: 'V3 APIs', className: "indent"},
|
||||
{to: '/idn/api/beta', label: 'Beta APIs', className: "indent"},
|
||||
{to: "#", label: "Documentation", className: "navbar__section",},
|
||||
{to: '/idn/docs/getting-started', label: 'IDN Documentation', className: "indent"},
|
||||
{to: "#", label: "Training", className: "navbar__section",},
|
||||
{href: 'https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003041/true/xxemptyxx/', label: 'IdentityNow Certifications', className: "indent"},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'dropdown',
|
||||
label: 'IdentityIQ',
|
||||
position: 'left',
|
||||
items: [
|
||||
{to: "#", label: "API Specifications", className: "navbar__section",},
|
||||
{to: '/iiq/api', label: 'IIQ APIs', className: "indent"},
|
||||
{to: "#", label: "Training", className: "navbar__section",},
|
||||
{href: 'https://university.sailpoint.com/Saba/Web_spf/NA10P1PRD075/guest/categorydetail/categ000000000003042/true/xxemptyxx/', label: 'IdentityIQ Certifications', className: "indent"},
|
||||
],
|
||||
},
|
||||
{
|
||||
position: "left",
|
||||
label: "Ideas",
|
||||
to: "https://developer-sailpoint.ideas.aha.io/"
|
||||
},
|
||||
{
|
||||
position: "left",
|
||||
label: "Discuss",
|
||||
to: "https://developer.sailpoint.com/discuss"
|
||||
},
|
||||
{
|
||||
type: "dropdown",
|
||||
label: "Support",
|
||||
position: "right",
|
||||
items: [
|
||||
{label: "Compass", href: "https://community.sailpoint.com"},
|
||||
{label: "Submit Support Ticket", href: "https://support.sailpoint.com/hc/en-us/requests/new?ticket_form_id=360000629992"},
|
||||
{label: "Status", href: "https://status.sailpoint.com/"},
|
||||
]
|
||||
},
|
||||
{
|
||||
position: "right",
|
||||
to: "https://github.com/sailpoint-oss",
|
||||
className: "header-github-link",
|
||||
"aria-label": "SailPoint Open-source GitHub"
|
||||
},
|
||||
]
|
||||
}
|
||||
71
plugins.js
Normal file
71
plugins.js
Normal file
@@ -0,0 +1,71 @@
|
||||
module.exports = [
|
||||
[
|
||||
"@docusaurus/plugin-content-docs",
|
||||
{
|
||||
id: "idn",
|
||||
path: "products/idn",
|
||||
routeBasePath: "idn",
|
||||
editUrl: "https://github.com/sailpoint-oss/developer-community-site/edit/main/",
|
||||
showLastUpdateAuthor: true,
|
||||
showLastUpdateTime: true,
|
||||
sidebarPath: require.resolve("./products/idn/sidebar.js"),
|
||||
docItemComponent: "@theme/ApiItem"
|
||||
},
|
||||
],
|
||||
[
|
||||
"@docusaurus/plugin-content-docs",
|
||||
{
|
||||
id: "iiq",
|
||||
path: "products/iiq",
|
||||
routeBasePath: "iiq",
|
||||
editUrl: "https://github.com/sailpoint-oss/developer-community-site/edit/main/",
|
||||
showLastUpdateAuthor: true,
|
||||
showLastUpdateTime: true,
|
||||
sidebarPath: require.resolve("./products/iiq/sidebar.js"),
|
||||
docItemComponent: "@theme/ApiItem"
|
||||
},
|
||||
],
|
||||
|
||||
[
|
||||
"docusaurus-plugin-openapi-docs",
|
||||
{
|
||||
id: "idn",
|
||||
docsPluginId: "idn",
|
||||
config: {
|
||||
idn_v3: {
|
||||
specPath: "static/idn-api/sailpoint-api.v3.yaml",
|
||||
outputDir: "products/idn/api/v3",
|
||||
sidebarOptions: {
|
||||
groupPathsBy: "tag",
|
||||
categoryLinkSource: "tag"
|
||||
}
|
||||
},
|
||||
idn_beta: {
|
||||
specPath: "static/idn-api/sailpoint-api.beta.yaml",
|
||||
outputDir: "products/idn/api/beta",
|
||||
sidebarOptions: {
|
||||
groupPathsBy: "tag",
|
||||
categoryLinkSource: "tag"
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
],
|
||||
[
|
||||
"docusaurus-plugin-openapi-docs",
|
||||
{
|
||||
id: "iiq",
|
||||
docsPluginId: "iiq",
|
||||
config: {
|
||||
iiq: {
|
||||
specPath: "static/iiq-api/swagger.json",
|
||||
outputDir: "products/iiq/api",
|
||||
sidebarOptions: {
|
||||
groupPathsBy: "tag",
|
||||
categoryLinkSource: "tag"
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
]
|
||||
]
|
||||
@@ -6,12 +6,12 @@ export default function HomepageBasics({link, title, image, description, buttonT
|
||||
|
||||
let linkHtml = <div></div>
|
||||
if (buttonText) {
|
||||
linkHtml = <Link to={link}>
|
||||
linkHtml =
|
||||
<div className={styles.button}>
|
||||
|
||||
<Link className={styles.link} to={link}>
|
||||
{buttonText}
|
||||
|
||||
</div></Link>
|
||||
</Link>
|
||||
</div>
|
||||
}
|
||||
return (
|
||||
<div className={styles.gettingStartedText}>
|
||||
|
||||
@@ -49,8 +49,6 @@ a:hover, a:visited, a:link, a:active
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
margin: 10px auto;
|
||||
|
||||
color: #cc27b0;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
line-height: 100%;
|
||||
@@ -68,3 +66,7 @@ a:hover, a:visited, a:link, a:active
|
||||
border: 2px solid #cc27b0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: #cc27b0;
|
||||
}
|
||||
@@ -5,8 +5,8 @@
|
||||
place-content: center;
|
||||
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
|
||||
grid-gap: 40px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.center {
|
||||
|
||||
@@ -1,64 +0,0 @@
|
||||
import React from 'react';
|
||||
import clsx from 'clsx';
|
||||
import styles from './styles.module.css';
|
||||
|
||||
const FeatureList = [
|
||||
{
|
||||
title: 'Easy to Use',
|
||||
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Docusaurus was designed from the ground up to be easily installed and
|
||||
used to get your website up and running quickly.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Focus on What Matters',
|
||||
Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Docusaurus lets you focus on your docs, and we'll do the chores. Go
|
||||
ahead and move your docs into the <code>docs</code> directory.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Powered by React',
|
||||
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Extend or customize your website layout by reusing React. Docusaurus can
|
||||
be extended while reusing the same header and footer.
|
||||
</>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
function Feature({Svg, title, description}) {
|
||||
return (
|
||||
<div className={clsx('col col--4')}>
|
||||
<div className="text--center">
|
||||
<Svg className={styles.featureSvg} role="img" />
|
||||
</div>
|
||||
<div className="text--center padding-horiz--md">
|
||||
<h3>{title}</h3>
|
||||
<p>{description}</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default function HomepageFeatures() {
|
||||
return (
|
||||
<section className={styles.features}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{FeatureList.map((props, idx) => (
|
||||
<Feature key={idx} {...props} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
.features {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 2rem 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.featureSvg {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
@@ -7,7 +7,7 @@ export default function HomepageGettingStarted() {
|
||||
return (
|
||||
<div>
|
||||
<div className={styles.mainCard}>
|
||||
<div>
|
||||
<div className={styles.contentContainer}>
|
||||
<div className={styles.gettingStartedText}>
|
||||
<div className={styles.gettingStartedOne}>SailPoint Developer Community</div>
|
||||
<div className={styles.gettingStartedTwo}>Don't know where to get started?</div>
|
||||
|
||||
@@ -1,12 +1,8 @@
|
||||
.mainCard {
|
||||
display: grid;
|
||||
|
||||
grid-gap: 20px;
|
||||
|
||||
|
||||
max-width: 1180px;
|
||||
|
||||
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
@@ -47,8 +43,10 @@
|
||||
display: grid;
|
||||
margin-left: 50px;
|
||||
margin-bottom: 50px;
|
||||
grid-template-columns: repeat(auto-fill, 220px);
|
||||
grid-gap: 20px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
|
||||
place-content: center;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.video {
|
||||
@@ -61,11 +59,7 @@
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.video {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1178px) {
|
||||
.carousel {
|
||||
@@ -73,6 +67,9 @@
|
||||
margin-left: 50px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.contentContainer {
|
||||
width: 600px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1179px) {
|
||||
.carousel {
|
||||
@@ -90,3 +87,14 @@
|
||||
width: calc(100% - 100px);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 570px) {
|
||||
.video {
|
||||
display: none;
|
||||
}
|
||||
.contentContainer {
|
||||
width: auto;
|
||||
}
|
||||
.carousel {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
@@ -5,8 +5,8 @@
|
||||
place-content: center;
|
||||
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
|
||||
grid-gap: 40px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.center {
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
place-content: center;
|
||||
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
|
||||
grid-gap: 40px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.center {
|
||||
|
||||
Reference in New Issue
Block a user