Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-28 00:06:53 +01:00
Code Issues Projects Releases Wiki Activity

fix: improve styles for tab bars and dividers (#1037)

Browse Source
This commit is contained in:
olav 2022-05-27 12:27:33 +02:00 committed by GitHub
parent 19f97a388e
commit 2cd9e992fe
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/component/application/ApplicationView/ApplicationView.tsx
View File

@ -7,6 +7,7 @@ import {
ListItemAvatar, ListItemAvatar,
ListItemText, ListItemText,
Typography, Typography,
Divider,
} from '@mui/material'; } from '@mui/material';
import { import {
Extension, Extension,
@ -107,7 +108,7 @@ export const ApplicationView = () => {
<Typography variant="subtitle1" style={{ padding: '1rem 0' }}> <Typography variant="subtitle1" style={{ padding: '1rem 0' }}>
Toggles Toggles
</Typography> </Typography>
<hr /> <Divider />
<List> <List>
{seenToggles.map( {seenToggles.map(
({ name, description, notFound, project }, i) => ( ({ name, description, notFound, project }, i) => (
@ -135,7 +136,7 @@ export const ApplicationView = () => {
<Typography variant="subtitle1" style={{ padding: '1rem 0' }}> <Typography variant="subtitle1" style={{ padding: '1rem 0' }}>
Implemented strategies Implemented strategies
</Typography> </Typography>
<hr /> <Divider />
<List> <List>
{strategies.map( {strategies.map(
({ name, description, notFound }, i: number) => ( ({ name, description, notFound }, i: number) => (
@ -163,7 +164,7 @@ export const ApplicationView = () => {
<Typography variant="subtitle1" style={{ padding: '1rem 0' }}> <Typography variant="subtitle1" style={{ padding: '1rem 0' }}>
{instances.length} Instances registered {instances.length} Instances registered
</Typography> </Typography>
<hr /> <Divider />
<List> <List>
{instances.map( {instances.map(
({ ({

3
frontend/src/component/common/TabNav/TabNav/TabNav.styles.ts
View File

@ -3,6 +3,9 @@ import { makeStyles } from 'tss-react/mui';
export const useStyles = makeStyles()(theme => ({ export const useStyles = makeStyles()(theme => ({
tabNav: { tabNav: {
backgroundColor: theme.palette.background.paper, backgroundColor: theme.palette.background.paper,
borderBottom: '1px solid',
borderBottomColor: theme.palette.grey[300],
borderRadius: 0,
}, },
tab: { tab: {
[theme.breakpoints.up('lg')]: { [theme.breakpoints.up('lg')]: {

5
frontend/src/component/common/TabNav/TabNav/TabNav.tsx
View File

@ -45,7 +45,10 @@ export const TabNav = ({
return ( return (
<> <>
<Paper className={classnames(styles.tabNav, navClass)}> <Paper
className={classnames(styles.tabNav, navClass)}
elevation={0}
>
<Tabs <Tabs
value={activeTab} value={activeTab}
onChange={(_, tabId) => { onChange={(_, tabId) => {