From 30aa4318cbc7b60f230a6401a1d53f6c17e83f2c Mon Sep 17 00:00:00 2001
From: singa2000 <cookie@samsung.com>
Date: Fri, 8 Oct 2021 15:40:37 +0900
Subject: [PATCH] Fix  gridview image in the TV resolution

[Issue]N/A
[Problem] The gridview is not fit in the TV resolution
[Solution]
Modify the gridview width, height

Signed-off-by: singa2000 <cookie@samsung.com>
---
 src/css/profile/mobile/common/gridview.less | 23 ++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/css/profile/mobile/common/gridview.less b/src/css/profile/mobile/common/gridview.less
index 73c8a56772..49fd47a3da 100644
--- a/src/css/profile/mobile/common/gridview.less
+++ b/src/css/profile/mobile/common/gridview.less
@@ -71,7 +71,7 @@ tau-gridview {
 		.ui-gridview-image {
 			display: block;
 			width: 100%;
-			height: auto;
+			height: 100%;
 			pointer-events: none;
 		}
 
@@ -188,7 +188,7 @@ tau-gridview {
 @media (orientation: portrait) {
 	.ui-content:not(.ui-popup-content-gridview) {
 		.ui-gridview {
-			min-height: 509 * @px_base;
+			min-height: 172 * @px_base;
 		}
 	}
 }
@@ -210,6 +210,12 @@ tau-gridview {
 	}
 }
 
+@media (min-width: 1920px) {
+	.ui-gridview-cols::after {
+		content: "8";
+	}
+}
+
 .ui-popup:not(.ui-ctxpopup):not(.ui-popup-activity) {
 	.ui-popup-wrapper {
 		width: 100%;
@@ -265,15 +271,18 @@ tau-gridview {
 		.ui-gridview:not(.ui-gridview-label-out) {
 			min-width: 1920 * @px_base;
 			.ui-gridview-item {
-				width: 240 * @px_base;
-				height: 238 * @px_base;
+				width: 226 * @px_base;
+				height: 226 * @px_base;
 				.ui-gridview-image {
-					width: 240 * @px_base;
-					height: 238 * @px_base;
+					width: 224 * @px_base;
+					height: 190 * @px_base;
+					padding-top: 27 * @px_base;
+					padding-bottom: 15 * @px_base;
 				}
 				.ui-gridview-label {
 					height: 39 * @px_base;
-					line-height: 39 *@px_base;
+					width: 226 * @px_base;
+					line-height: 30 *@px_base;
 					padding: 0 10 * @px_base;
 				}
 			}