|
|
@ -157,12 +157,12 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) { |
|
|
|
<div ref={carouselRefDiv} className="w-100 d-flex flex-column pt-1"> |
|
|
|
<div ref={carouselRefDiv} className="w-100 d-flex flex-column pt-1"> |
|
|
|
<ThemeContext.Provider value={themeFilter}> |
|
|
|
<ThemeContext.Provider value={themeFilter}> |
|
|
|
<div className="pt-3"> |
|
|
|
<div className="pt-3"> |
|
|
|
<div className="d-flex flex-row align-items-center mb-3 flex-wrap"> |
|
|
|
<div className="d-flex flex-row align-items-center flex-wrap"> |
|
|
|
{workspaceTemplates.map((template, index) => ( |
|
|
|
{workspaceTemplates.map((template, index) => ( |
|
|
|
<CustomTooltip tooltipText={template.description} tooltipId={template.gsID} tooltipClasses="text-nowrap" tooltipTextClasses="border bg-light text-dark p-1 pr-3" placement="top-start" key={`${template.gsID}-${template.workspaceTitle}-${index}`}> |
|
|
|
<CustomTooltip tooltipText={template.description} tooltipId={template.gsID} tooltipClasses="text-nowrap" tooltipTextClasses="border bg-light text-dark p-1 pr-3" placement="top-start" key={`${template.gsID}-${template.workspaceTitle}-${index}`}> |
|
|
|
<button |
|
|
|
<button |
|
|
|
key={index} |
|
|
|
key={index} |
|
|
|
className={index === 0 ? 'btn btn-primary border p-2 text-nowrap mr-3 mb-3' : index === workspaceTemplates.length - 1 ? 'btn border p-2 text-nowrap mr-2 mb-3' : 'btn border p-2 text-nowrap mr-3 mb-3'} |
|
|
|
className={index === 0 ? 'btn btn-primary border p-2 text-nowrap mr-3 mb-2' : index === workspaceTemplates.length - 1 ? 'btn border p-2 text-nowrap mr-2 mb-2' : 'btn border p-2 text-nowrap mr-3 mb-3'} |
|
|
|
onClick={(e) => { |
|
|
|
onClick={(e) => { |
|
|
|
createWorkspace(template.templateName) |
|
|
|
createWorkspace(template.templateName) |
|
|
|
}} |
|
|
|
}} |
|
|
|