From 544f00ecf3f4d40262567b211bf83e2cd2471ecf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=AC=B4=EB=9D=BC=EC=BF=A0=EB=AA=A8?= Date: Thu, 20 Jun 2024 00:43:48 +0900 Subject: [PATCH] style: upscale image on error page --- packages/frontend/src/components/global/MkError.vue | 2 +- packages/frontend/src/pages/_error_.vue | 2 +- packages/frontend/src/pages/invite.vue | 3 +-- packages/frontend/src/pages/list.vue | 5 ++--- packages/frontend/src/pages/role.vue | 3 +-- packages/frontend/src/style.scss | 2 +- 6 files changed, 7 insertions(+), 10 deletions(-) diff --git a/packages/frontend/src/components/global/MkError.vue b/packages/frontend/src/components/global/MkError.vue index ddb22f668..5100e7135 100644 --- a/packages/frontend/src/components/global/MkError.vue +++ b/packages/frontend/src/components/global/MkError.vue @@ -41,7 +41,7 @@ const emit = defineEmits<{ .img { vertical-align: bottom; - height: 128px; + height: 300px; margin-bottom: 16px; border-radius: 16px; } diff --git a/packages/frontend/src/pages/_error_.vue b/packages/frontend/src/pages/_error_.vue index c04f399c6..560b79341 100644 --- a/packages/frontend/src/pages/_error_.vue +++ b/packages/frontend/src/pages/_error_.vue @@ -81,7 +81,7 @@ definePageMetadata(() => ({ .img { vertical-align: bottom; - height: 128px; + height: 300px; margin-bottom: 24px; border-radius: 16px; } diff --git a/packages/frontend/src/pages/invite.vue b/packages/frontend/src/pages/invite.vue index 25e56d2b8..e90cf6246 100644 --- a/packages/frontend/src/pages/invite.vue +++ b/packages/frontend/src/pages/invite.vue @@ -112,8 +112,7 @@ definePageMetadata(() => ({ .img { vertical-align: bottom; - width: 128px; - height: 128px; + height: 300px; margin-bottom: 16px; border-radius: 16px; } diff --git a/packages/frontend/src/pages/list.vue b/packages/frontend/src/pages/list.vue index 954246ff9..6354d24eb 100644 --- a/packages/frontend/src/pages/list.vue +++ b/packages/frontend/src/pages/list.vue @@ -131,7 +131,7 @@ definePageMetadata(() => ({ .root { padding: 32px; text-align: center; - align-items: center; + align-items: center;0 } .text { @@ -140,8 +140,7 @@ definePageMetadata(() => ({ .img { vertical-align: bottom; - width: 128px; - height: 128px; + height: 30px; margin-bottom: 16px; border-radius: 16px; } diff --git a/packages/frontend/src/pages/role.vue b/packages/frontend/src/pages/role.vue index ce80579cf..bbae9cba7 100644 --- a/packages/frontend/src/pages/role.vue +++ b/packages/frontend/src/pages/role.vue @@ -112,8 +112,7 @@ definePageMetadata(() => ({ .img { vertical-align: bottom; - width: 128px; - height: 128px; + height: 300px; margin-bottom: 16px; border-radius: 16px; } diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index 250a2616a..261920350 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -399,7 +399,7 @@ rt { > img { vertical-align: bottom; - height: 128px; + height: 300px; margin-bottom: 16px; border-radius: 16px; }