SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

fix banner widget layout

Browse Source
This commit is contained in:
nflnkr 2024-05-21 16:56:25 +03:00
parent 6fb351759d
commit ac0f06ff72
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/widgets/banner/QuizBanner.tsx
View File

@ -85,7 +85,7 @@ export default function QuizBanner({
position: "fixed", position: "fixed",
height: "120px", height: "120px",
width: bannerFullWidth ? "100%" : "800px", width: bannerFullWidth ? "100%" : "800px",
maxWidth: `calc(100% - ${PADDING * 2}px)`, maxWidth: bannerFullWidth ? "100%" : `calc(100% - ${PADDING * 2}px)`,
}, },
position === "topleft" && { position === "topleft" && {
top: bannerFullWidth ? 0 : PADDING, top: bannerFullWidth ? 0 : PADDING,
@ -111,7 +111,7 @@ export default function QuizBanner({
width: "100%", width: "100%",
pointerEvents: "none", pointerEvents: "none",
willChange: "box-shadow", willChange: "box-shadow",
borderRadius: rounded ? "8px" : 0, borderRadius: rounded && !bannerFullWidth ? "8px" : 0,
animation: "pena-pulsation linear 5s infinite", animation: "pena-pulsation linear 5s infinite",
"@keyframes pena-pulsation": { "@keyframes pena-pulsation": {
"0%": { "0%": {
@ -141,7 +141,7 @@ export default function QuizBanner({
px: "28px", px: "28px",
color: buttonTextColor, color: buttonTextColor,
backgroundColor: buttonBackgroundColor, backgroundColor: buttonBackgroundColor,
borderRadius: rounded ? "8px" : 0, borderRadius: rounded && !bannerFullWidth ? "8px" : 0,
justifyContent: "start", justifyContent: "start",
}, },
withShadow && { withShadow && {