mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
Button animations
This commit is contained in:
parent
0fcdcbc812
commit
254482e812
5 changed files with 1 additions and 17 deletions
|
@ -78,7 +78,6 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
|
||||||
</span>
|
</span>
|
||||||
{own && (
|
{own && (
|
||||||
<span
|
<span
|
||||||
className={styles.delete_bttn}
|
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
onDelete([index])
|
onDelete([index])
|
||||||
}}
|
}}
|
||||||
|
|
|
@ -18,16 +18,6 @@
|
||||||
color: gainsboro;
|
color: gainsboro;
|
||||||
}
|
}
|
||||||
|
|
||||||
.delete_bttn {
|
|
||||||
font-size: 15px;
|
|
||||||
transition: width 0.5s, height 0.5s, ease-in 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete_bttn:hover {
|
|
||||||
transition: width 0.5s, height 0.5s, ease-out 0.5s;
|
|
||||||
color: gainsboro;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment {
|
.comment {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
|
|
|
@ -44,7 +44,6 @@ export default function NewsEntry({
|
||||||
<div className={'actions'}>
|
<div className={'actions'}>
|
||||||
{uid === user ? (
|
{uid === user ? (
|
||||||
<span
|
<span
|
||||||
className={styles.delete_bttn}
|
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
onPostDelete()
|
onPostDelete()
|
||||||
}}
|
}}
|
||||||
|
|
|
@ -27,11 +27,6 @@
|
||||||
margin: 5px 5px;
|
margin: 5px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.delete_bttn {
|
|
||||||
font-size: 15px;
|
|
||||||
transition: width 0.5s, height 0.5s, ease-in 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.adminPost {
|
.adminPost {
|
||||||
border-left: 4px solid var(--text-color);
|
border-left: 4px solid var(--text-color);
|
||||||
}
|
}
|
||||||
|
|
|
@ -361,6 +361,7 @@ input:focus {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
transition: width 0.5s, height 0.5s, ease-in 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.actions > span:hover {
|
.actions > span:hover {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue