42 lines
702 B
CSS
42 lines
702 B
CSS
body {
|
|
background: #1e1e1e;
|
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
|
|
color: #f5f5f5;
|
|
}
|
|
|
|
.folder {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, 100px);
|
|
gap: 24px;
|
|
padding: 32px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.app-icon {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
|
}
|
|
|
|
.app-icon img {
|
|
width: 72px;
|
|
height: 72px;
|
|
border-radius: 20px;
|
|
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
.app-icon span {
|
|
display: block;
|
|
margin-top: 8px;
|
|
font-size: 13px;
|
|
color: #ddd;
|
|
}
|
|
|
|
.app-icon:hover {
|
|
transform: scale(1.08);
|
|
}
|
|
|
|
.app-icon:active {
|
|
transform: scale(0.97);
|
|
}
|