diff --git a/src/components/features/VoteController/VoteController.module.scss b/src/components/features/VoteController/VoteController.module.scss index 48254f0..d3aae42 100644 --- a/src/components/features/VoteController/VoteController.module.scss +++ b/src/components/features/VoteController/VoteController.module.scss @@ -59,7 +59,10 @@ .logoImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 6px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/components/features/dashboard/DashboardRankingItem/DashboardRankingItem.module.scss b/src/components/features/dashboard/DashboardRankingItem/DashboardRankingItem.module.scss index 6305fd1..654c738 100644 --- a/src/components/features/dashboard/DashboardRankingItem/DashboardRankingItem.module.scss +++ b/src/components/features/dashboard/DashboardRankingItem/DashboardRankingItem.module.scss @@ -148,7 +148,10 @@ .logoImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 4px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/components/features/home/CompanySelector/CompanySelector.module.scss b/src/components/features/home/CompanySelector/CompanySelector.module.scss index bc819a0..a5afab1 100644 --- a/src/components/features/home/CompanySelector/CompanySelector.module.scss +++ b/src/components/features/home/CompanySelector/CompanySelector.module.scss @@ -104,7 +104,10 @@ .logoImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 10px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/components/features/home/VoteButton/VoteButton.module.scss b/src/components/features/home/VoteButton/VoteButton.module.scss index 26e4323..fd3ef9d 100644 --- a/src/components/features/home/VoteButton/VoteButton.module.scss +++ b/src/components/features/home/VoteButton/VoteButton.module.scss @@ -46,7 +46,10 @@ .logoImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 6px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/components/features/league/LeagueRankingItem/LeagueRankingItem.module.scss b/src/components/features/league/LeagueRankingItem/LeagueRankingItem.module.scss index f131f3c..0d70106 100644 --- a/src/components/features/league/LeagueRankingItem/LeagueRankingItem.module.scss +++ b/src/components/features/league/LeagueRankingItem/LeagueRankingItem.module.scss @@ -295,7 +295,10 @@ $color-promotion-chance: #eab308; // 승격 기회 (2부 2위) - 골드색 .logoImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 3px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/components/features/league/PromotionBattle/PromotionBattle.module.scss b/src/components/features/league/PromotionBattle/PromotionBattle.module.scss index 6d964f1..8d2a2df 100644 --- a/src/components/features/league/PromotionBattle/PromotionBattle.module.scss +++ b/src/components/features/league/PromotionBattle/PromotionBattle.module.scss @@ -173,7 +173,10 @@ $color-gold: #d4af37; .logoImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 6px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/components/features/league/TopThreeCard/TopThreeCard.module.scss b/src/components/features/league/TopThreeCard/TopThreeCard.module.scss index 5112264..8e97c88 100644 --- a/src/components/features/league/TopThreeCard/TopThreeCard.module.scss +++ b/src/components/features/league/TopThreeCard/TopThreeCard.module.scss @@ -188,7 +188,10 @@ $bronze: #cd7f32; .logoImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 8px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/components/features/vote/SupportModal/SupportModal.module.scss b/src/components/features/vote/SupportModal/SupportModal.module.scss index 631f3f1..933e8eb 100644 --- a/src/components/features/vote/SupportModal/SupportModal.module.scss +++ b/src/components/features/vote/SupportModal/SupportModal.module.scss @@ -35,7 +35,10 @@ .logoImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 6px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/components/ui/SearchBar/SearchBar.module.scss b/src/components/ui/SearchBar/SearchBar.module.scss index e7394f9..709144b 100644 --- a/src/components/ui/SearchBar/SearchBar.module.scss +++ b/src/components/ui/SearchBar/SearchBar.module.scss @@ -321,7 +321,10 @@ .avatarImage { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; + background: rgba(255, 255, 255, 0.96); + padding: 3px; + box-sizing: border-box; border-radius: inherit; } diff --git a/src/lib/mock-data.ts b/src/lib/mock-data.ts index fb46331..b68b70f 100644 --- a/src/lib/mock-data.ts +++ b/src/lib/mock-data.ts @@ -109,6 +109,7 @@ export const MOCK_COMPANIES: CompanyType[] = [ firepower: 76000200, change: 'up', image: 'linear-gradient(135deg, #9C27B0 0%, #673AB7 100%)', + logoUrl: 'https://www.starship-ent.com/images/assets/starship_ci.jpg', stockHistory: generateHistory(72000000), }, {