granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move transcendence popover styles

Browse source
This commit is contained in:
Justin Edmund 2023-09-01 14:42:39 -07:00
parent f5bb1c5ffa
commit 46467a354f
2 changed files with 34 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
components/common/PopoverContent/index.module.scss
View file

@ -54,6 +54,40 @@
} }
} }
.transcendence {
display: flex;
flex-direction: column;
gap: $unit-half;
align-items: center;
justify-content: center;
width: $unit-10x;
height: $unit-10x;
animation: scaleIn $duration-zoom ease-out;
background: var(--dialog-bg);
border-radius: $card-corner;
border: 0.5px solid rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
outline: none;
padding: $unit;
transform-origin: var(--radix-popover-content-transform-origin);
z-index: 32;
&.open {
opacity: 1;
display: flex;
}
h4 {
font-size: $font-small;
font-weight: $medium;
}
.pending {
color: $yellow;
}
}
.arrow { .arrow {
fill: var(--dialog-bg); fill: var(--dialog-bg);
filter: drop-shadow(0px 1px 1px rgb(0 0 0 / 0.18)); filter: drop-shadow(0px 1px 1px rgb(0 0 0 / 0.18));

34
components/uncap/TranscendencePopover/index.module.scss
View file

@ -1,37 +1,3 @@
.transcendence {
display: flex;
flex-direction: column;
gap: $unit-half;
align-items: center;
justify-content: center;
width: $unit-10x;
height: $unit-10x;
animation: scaleIn $duration-zoom ease-out;
background: var(--dialog-bg);
border-radius: $card-corner;
border: 0.5px solid rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
outline: none;
padding: $unit;
transform-origin: var(--radix-popover-content-transform-origin);
z-index: 32;
&.open {
opacity: 1;
display: flex;
}
h4 {
font-size: $font-small;
font-weight: $medium;
}
.pending {
color: $yellow;
}
}
@keyframes scaleIn { @keyframes scaleIn {
0% { 0% {
opacity: 0; opacity: 0;