frontend: move style properties to components

This commit is contained in:
OleSTEEP 2025-10-07 14:37:21 +03:00
parent c95aed01b5
commit faf221c9ba
10 changed files with 289 additions and 297 deletions

View file

@ -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>