mirror of
https://github.com/astuto/astuto.git
synced 2025-12-15 19:27:52 +01:00
Improve style of Board component
This commit is contained in:
@@ -135,7 +135,7 @@ class NewPost extends React.Component<Props, State> {
|
||||
isLoggedIn ?
|
||||
<button
|
||||
onClick={this.toggleForm}
|
||||
className="submitBtn btn btn-dark">
|
||||
className={`submitBtn btn btn-${showForm ? 'outline-' : ''}dark`}>
|
||||
{ showForm ? 'Cancel' : 'Submit feedback' }
|
||||
</button>
|
||||
:
|
||||
|
||||
@@ -23,7 +23,7 @@ const PostListItem = ({ title, description, postStatus}: Props) => (
|
||||
<span className="comment icon"></span>
|
||||
<span>0 comments</span>
|
||||
</div>
|
||||
<div className="postDetailsStatus" style={{color: postStatus.color}}>
|
||||
<div className="postDetailsStatus">
|
||||
<div className="dot" style={{backgroundColor: postStatus.color}}></div>
|
||||
<span className="postStatusName">{postStatus.name}</span>
|
||||
</div>
|
||||
|
||||
@@ -20,7 +20,7 @@ const PostStatusListItem = ({
|
||||
<a onClick={handleClick} className="postStatusListItemLink">
|
||||
<div className="postStatusListItem">
|
||||
<div className="dot" style={{backgroundColor: color}}></div>
|
||||
<span className="postStatusName" style={{color: color}}>{name}</span>
|
||||
<span className="postStatusName">{name}</span>
|
||||
</div>
|
||||
</a>
|
||||
{
|
||||
|
||||
@@ -5,11 +5,6 @@
|
||||
align-items: flex-start;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
.smallTitle {
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
top: 20px;
|
||||
position: sticky;
|
||||
@@ -32,6 +27,11 @@
|
||||
|
||||
padding: 8px;
|
||||
margin: 8px;
|
||||
|
||||
.smallTitle {
|
||||
font-size: 19px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.newBoardContainer {
|
||||
@@ -85,7 +85,8 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
text-transform: uppercase;
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
|
||||
padding: 4px;
|
||||
}
|
||||
@@ -151,6 +152,7 @@
|
||||
|
||||
color: black;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
text-transform: uppercase;
|
||||
|
||||
.postDetailsComments {
|
||||
|
||||
Reference in New Issue
Block a user