Improve styles of frontend component blocks

This commit is contained in:
Andrew Kingston 2020-10-22 17:43:52 +01:00
parent 80e71bff91
commit 45b86353d2
1 changed files with 4 additions and 3 deletions

View File

@ -20,6 +20,7 @@
border-radius: 5px; border-radius: 5px;
width: 120px; width: 120px;
height: 80px; height: 80px;
color: var(--grey-7);
} }
.item-item:hover { .item-item:hover {
@ -35,16 +36,16 @@
.item-text { .item-text {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 5px;
} }
.item-name { .item-name {
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 500;
text-align: center; text-align: center;
} }
i { i {
font-size: 24px; font-size: 24px;
color: var(--grey-7);
} }
</style> </style>