Fakultas Ilmu Komputer UI

Commit c9789c02 authored by Jonathan Chandra's avatar Jonathan Chandra
Browse files

edit styling for post's button

parent dc05948e
......@@ -29,7 +29,7 @@ export default function LoginForm(props) {
</h1>
<div className="App">
<GoogleLogin
clientId={CLIENT_ID}
clientId={'17380499766-td9qokkgpli952576g7d8l2059a7pgbf.apps.googleusercontent.com'}
onSuccess={handleGoogleLogin}
onFailure={handleGoogleLoginFailed}
/>
......
......@@ -113,41 +113,30 @@ export default function Post(props) {
{content.user_id == AuthService.getCurrentUserId() && (
<div id="headerButton">
<div className="buttonContainer">
<div className="postButtonContainer">
{checkType == 'threads' && (
<div className="threadButtons">
<Button
type="button"
text="Edit"
color="none-green"
url={`thread/edit/${content.id}`}
/>
<button
type="button"
className="deleteButton"
onClick={() => deletePost(user.username)}
>
Delete
</button>
</div>
)}
{checkType == 'post' && (
<div classname="commentDeleteButton">
<Button
type="button"
text="Edit"
color="none-green"
url={`comment/edit/${content.id}`}
/>
<button
type="button"
className="deleteButton"
onClick={() => deletePost(user.username)}
>
Delete
</button>
</div>
)}
<button
type="button"
className="deleteButton"
onClick={() => deletePost(user.username)}
>
Delete
</button>
</div>
</div>
)}
......
......@@ -120,6 +120,10 @@ button:focus {
align-items: center;
}
.postButtonContainer button {
margin-top: 0px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 540px) {
#post {
min-width: 248px;
......@@ -137,7 +141,7 @@ button:focus {
margin-top: 24px;
}
.threadButtons{
.postButtonContainer{
display: flex;
justify-content: space-between;
width: 160px;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment