not the tempered glass panel 😳
This commit is contained in:
parent
cd07977c95
commit
7bbd56e65f
1 changed files with 12 additions and 4 deletions
|
@ -234,9 +234,16 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
|
||||||
|
|
||||||
.app-drawer {
|
.app-drawer {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
border-left: 1px solid rgb(0 0 0 / 25%);
|
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
border-top: 1px solid rgb(0 0 0 / 25%);
|
position: absolute;
|
||||||
|
right: 16px;
|
||||||
|
top: 3%;
|
||||||
|
background: #1c1c1c8f;
|
||||||
|
border-radius: 12px;
|
||||||
|
z-index: 9;
|
||||||
|
height: 94%;
|
||||||
|
backdrop-filter: blur(40px) saturate(180%);
|
||||||
|
box-shadow: var(--mediaItemShadow-Shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-input-container {
|
.search-input-container {
|
||||||
|
@ -875,6 +882,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
|
||||||
height: calc(100% - var(--chromeHeight));
|
height: calc(100% - var(--chromeHeight));
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display--small {
|
.display--small {
|
||||||
|
@ -2526,12 +2534,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
|
||||||
|
|
||||||
.drawertransition-enter-active,
|
.drawertransition-enter-active,
|
||||||
.drawertransition-leave-active {
|
.drawertransition-leave-active {
|
||||||
transition: margin-right .25s var(--appleEase);
|
transition: right .25s var(--appleEase);
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawertransition-enter,
|
.drawertransition-enter,
|
||||||
.drawertransition-leave-to {
|
.drawertransition-leave-to {
|
||||||
margin-right: -300px;
|
right: -300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Transitions End */
|
/* Transitions End */
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue