2023-02-28 08:29:30 +00:00
|
|
|
.layout-config {
|
2023-10-17 21:53:21 +00:00
|
|
|
backdrop-filter: blur(20px);
|
|
|
|
background-color: var(--mobile-menu-bg);
|
|
|
|
|
|
|
|
.p-selectbutton {
|
|
|
|
.p-button {
|
|
|
|
padding: 0.5rem 1rem;
|
|
|
|
|
|
|
|
&:first-child {
|
|
|
|
border-top-left-radius: 30px;
|
|
|
|
border-bottom-left-radius: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
border-top-right-radius: 30px;
|
|
|
|
border-bottom-right-radius: 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
&:focus {
|
|
|
|
outline: 0 none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-02-28 08:29:30 +00:00
|
|
|
.grid {
|
|
|
|
> div {
|
|
|
|
padding: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-10-17 21:53:21 +00:00
|
|
|
.p-inputswitch {
|
|
|
|
.p-inputswitch-slider {
|
|
|
|
border-radius: 30px;
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
border-radius: 30px;
|
|
|
|
}
|
2023-02-28 08:29:30 +00:00
|
|
|
}
|
|
|
|
}
|
2023-10-17 21:53:21 +00:00
|
|
|
|
|
|
|
&.layout-light {
|
|
|
|
background: var(--surface-overlay);
|
|
|
|
}
|
|
|
|
|
|
|
|
&.layout-dark {
|
|
|
|
background: var(rgba(0,0,0,.3));
|
|
|
|
border: 0 none;
|
|
|
|
}
|
2023-02-28 08:29:30 +00:00
|
|
|
}
|