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