From 16eb7eb43746ae3606d2481392aa47afac112f77 Mon Sep 17 00:00:00 2001 From: SrGooglo Date: Thu, 13 Apr 2023 00:24:24 +0000 Subject: [PATCH] improve style --- packages/app/src/pages/play/index.less | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) diff --git a/packages/app/src/pages/play/index.less b/packages/app/src/pages/play/index.less index 47cba07c..85ef8a12 100755 --- a/packages/app/src/pages/play/index.less +++ b/packages/app/src/pages/play/index.less @@ -7,6 +7,11 @@ grid-row-gap: 0px; .play_info_wrapper { + position: sticky; + + top: 0; + left: 0; + display: flex; flex-direction: column; @@ -14,6 +19,7 @@ justify-content: center; width: 100%; + height: fit-content; color: var(--text-color); @@ -40,8 +46,11 @@ align-self: center; - width: 400px; - height: 400px; + width: 20vw; + height: 20vw; + + max-width: 400px; + max-height: 400px; background-color: black; border-radius: 12px; @@ -49,8 +58,11 @@ overflow: hidden; img { - width: 100%; - height: 100%; + width: 20vw; + height: 20vw; + + max-width: 400px; + max-height: 400px; border-radius: 12px; @@ -137,7 +149,7 @@ color: var(--text-color); - padding: 0 30px; + padding: 20px 30px; } }