Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-25 22:09:36 +02:00
Code Issues Releases Wiki Activity

Add app categories (#0)

Browse source 
add app categories
This commit is contained in:
François Darveau 2021-06-26 15:06:47 -04:00 • committed by François Darveau
parent 6f44200a3c
commit 31cf2bc5ad
24 changed files with 1772 additions and 939 deletions
Download patch file Download diff file Expand all files Collapse all files

39
client/src/components/Apps/AppCard/AppCard.module.css
View file

@ -1,10 +1,15 @@
.AppCard {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.AppCard h3 {
color: var(--color-accent);
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.AppCardIcon {
width: 35px;
height: 35px;
@ -19,7 +24,7 @@
font-size: 1em;
font-weight: 500;
color: var(--color-primary);
margin-bottom: -4px;
margin-bottom: -10px;
}
.AppCardDetails span {
@ -29,16 +34,24 @@
opacity: 1;
}
@media (min-width: 500px) {
.AppCard {
padding: 2px;
border-radius: 4px;
transition: all 0.1s;
}
.Apps {
display: flex;
flex-direction: column;
padding: 2px;
border-radius: 4px;
transition: all 0.1s;
}
.AppCard:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.Apps a {
line-height: 2;
transition: all 0.25s;
display: flex;
width: 100%;
align-items: center;
}
.Apps a:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.CustomIcon {