feat: add refreshed logo asset
This commit is contained in:
@@ -295,6 +295,22 @@ p {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.brand__mark {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
flex: 0 0 58px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
border-radius: 20px;
|
||||
background: radial-gradient(circle at 50% 42%, rgba(112, 207, 255, 0.38), rgba(37, 99, 235, 0.08));
|
||||
box-shadow:
|
||||
0 18px 38px rgba(37, 99, 235, 0.18),
|
||||
inset 0 0 0 1px rgba(255, 255, 255, 0.24);
|
||||
}
|
||||
|
||||
.brand strong {
|
||||
@@ -308,8 +324,37 @@ p {
|
||||
}
|
||||
|
||||
.brand__logo {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.brand--public .brand__mark {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
flex-basis: 64px;
|
||||
border-radius: 22px;
|
||||
}
|
||||
|
||||
.hero-card__brand-mark {
|
||||
width: 108px;
|
||||
height: 108px;
|
||||
margin-bottom: 18px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
border-radius: 32px;
|
||||
background: radial-gradient(circle at 50% 40%, rgba(112, 207, 255, 0.42), rgba(37, 99, 235, 0.12));
|
||||
box-shadow:
|
||||
0 22px 48px rgba(37, 99, 235, 0.22),
|
||||
inset 0 0 0 1px rgba(255, 255, 255, 0.26);
|
||||
}
|
||||
|
||||
.hero-card__brand-mark img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.flash-stack {
|
||||
@@ -1281,6 +1326,25 @@ p {
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.brand {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.brand__mark {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
flex-basis: 50px;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.brand--public .brand__mark,
|
||||
.hero-card__brand-mark {
|
||||
width: 88px;
|
||||
height: 88px;
|
||||
flex-basis: 88px;
|
||||
border-radius: 28px;
|
||||
}
|
||||
|
||||
.task-card {
|
||||
gap: 14px;
|
||||
padding: 18px;
|
||||
|
||||
BIN
app/static/images/logo-mark.png
Normal file
BIN
app/static/images/logo-mark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 631 KiB |
@@ -1,8 +1,8 @@
|
||||
const CACHE_NAME = "putzliga-shell-v2";
|
||||
const CACHE_NAME = "putzliga-shell-v3";
|
||||
const ASSETS = [
|
||||
"/static/css/style.css",
|
||||
"/static/js/app.js",
|
||||
"/static/images/logo.svg",
|
||||
"/static/images/logo-mark.png",
|
||||
"/static/images/pwa-icon-192.png",
|
||||
"/static/images/pwa-icon-512.png"
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user