frontend: move style properties to components
This commit is contained in:
parent
c95aed01b5
commit
faf221c9ba
10 changed files with 289 additions and 297 deletions
|
@ -4,4 +4,44 @@
|
|||
|
||||
<div class="imgbutton {style}">
|
||||
<img src={image} alt={name}>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
/* Кнопка с изображением */
|
||||
.imgbutton {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
font-size: small;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.imgbutton img {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.imgbutton {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.remove {
|
||||
background-color: #FC1F1C;
|
||||
}
|
||||
|
||||
.remove:hover {
|
||||
background-color: #d32522;
|
||||
}
|
||||
|
||||
.edit {
|
||||
background-color: #1BC304;
|
||||
}
|
||||
|
||||
.edit:hover {
|
||||
background-color: #1c9d0b;
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue