Small style fixes and implementation of toolbars on viewer docz page

This commit is contained in:
Gustavo Lelis authored and James A. Petts committed 2020-05-15 13:52:44 +02:00
1 parent a0662c4883
commit f96f965a76
6 files changed
+262 -28

No files matched your search

@@ -77,7 +77,7 @@ const SidePanel = ({
onClick={() => {
setIsOpen(false);
}}
className="flex flex-row items-center border-b-2 border-secondary-main border-secondary-light px-3 h-12 relative"
className="flex flex-row items-center border-b border-secondary-light px-3 h-12 relative"
>
<Icon
name={openIconName[side]}
@@ -100,7 +100,7 @@ const SidePanel = ({
minWidth: `${collapsedWidth}px`,
width: `${collapsedWidth}px`,
}}
className="flex flex-col text-xs px-1 py-1 text-white border-transparent border-b-2"
className="flex flex-col text-xs px-1 py-1 text-white border-transparent border-b"
>
<Icon name={iconName} className="text-primary-active" />
<span className="mt-2 text-white text-xs">{iconLabel}</span>
@@ -20,7 +20,7 @@ const StudyBrowser = () => {
return (
<React.Fragment>
<div className="flex flex-row items-center justify-center border-b-2 w-100 h-16 border-secondary-light p-4 bg-primary-dark">
<div className="flex flex-row items-center justify-center border-b w-100 h-16 border-secondary-light p-4 bg-primary-dark">
<ButtonGroup
variant="outlined"
color="inherit"