Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-25 22:09:36 +02:00
Code Issues Releases Wiki Activity

Changed some messages and buttons to make it easier to open bookmarks editor

Browse source
This commit is contained in:
Paweł Malak 2021-12-02 14:12:23 +01:00
parent 2ca90a18e1
commit 068c8ab2e7
10 changed files with 76 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

18
client/src/components/UI/Text/Message/Message.module.css
View file

@ -6,3 +6,21 @@
color: var(--color-accent);
font-weight: 600;
}
.messageCenter {
width: 100%;
display: flex;
justify-content: center;
align-items: baseline;
color: var(--color-primary);
margin-bottom: 20px;
}
.messageCenter a,
.messageCenter span {
color: var(--color-accent);
}
.messageCenter a:hover {
cursor: pointer;
}

7
client/src/components/UI/Text/Message/Message.tsx
View file

@ -4,8 +4,11 @@ import classes from './Message.module.css';
interface Props {
children: ReactNode;
isPrimary?: boolean;
}
export const Message = ({ children }: Props): JSX.Element => {
return <p className={classes.message}>{children}</p>;
export const Message = ({ children, isPrimary = true }: Props): JSX.Element => {
const style = isPrimary ? classes.message : classes.messageCenter;
return <p className={style}>{children}</p>;
};