forked from cybrespace/pinafore
simplify backdrop filter
This commit is contained in:
parent
2544b71251
commit
57a40a4c41
|
@ -1,7 +1,6 @@
|
|||
<div class="account-profile {{headerImageIsMissing ? 'header-image-is-missing' : ''}}"
|
||||
style="background-image: url({{headerImage}});">
|
||||
<div class="account-profile-grid-wrapper">
|
||||
<div class="account-profile-backdrop"></div>
|
||||
<div class="account-profile-grid">
|
||||
<AccountProfileHeader :account :relationship :verifyCredentials />
|
||||
<AccountProfileFollow :account :relationship :verifyCredentials />
|
||||
|
@ -23,15 +22,6 @@
|
|||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.account-profile-backdrop {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.account-profile-grid {
|
||||
display: grid;
|
||||
grid-template-areas: "avatar name followed-by follow"
|
||||
|
@ -43,8 +33,6 @@
|
|||
grid-row-gap: 5px;
|
||||
padding: 20px;
|
||||
justify-content: center;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@supports (-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%)) {
|
||||
|
|
Loading…
Reference in New Issue