zenn/tier-maker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

릴리스: v1.2.1 리디자인 포커스 화면 안정화

Browse Source
This commit is contained in:
zenn
2026-03-30 14:43:34 +09:00
parent b15398761b
commit 28e23d6c26
12 changed files with 85 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/views/AdminView.vue
View File

@@ -1354,18 +1354,14 @@ async function saveFeaturedOrder() {
<style scoped>
.wrap {
padding: 10px 2px;
}
.title {
margin: 0 0 10px;
font-size: 26px;
letter-spacing: -0.02em;
display: grid;
gap: 16px;
}
.card {
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
border-radius: 16px;
padding: 14px;
border: 0;
background: transparent;
border-radius: 0;
padding: 0;
}
.desc {
opacity: 0.82;
@@ -1392,7 +1388,7 @@ async function saveFeaturedOrder() {
}
.tabs,
.modeTabs {
margin-top: 14px;
margin-top: 0;
display: flex;
gap: 10px;
flex-wrap: wrap;
@@ -1400,26 +1396,27 @@ async function saveFeaturedOrder() {
.tab,
.modeTab {
padding: 10px 14px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.06);
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.05);
color: rgba(255, 255, 255, 0.92);
cursor: pointer;
font-weight: 800;
}
.tab--active,
.modeTab--active {
background: rgba(96, 165, 250, 0.2);
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.18);
}
.panel {
margin-top: 14px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(0, 0, 0, 0.12);
border-radius: 16px;
padding: 14px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(48, 48, 48, 0.78);
border-radius: 18px;
padding: 16px;
}
.panel--compact {
max-width: 480px;
max-width: 520px;
}
.featuredOrderPanel {
margin-top: 14px;

6
frontend/src/views/FavoriteTierListsView.vue
View File

@@ -154,7 +154,7 @@ onMounted(loadFavorites)
}
.list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.row {
@@ -244,12 +244,12 @@ onMounted(loadFavorites)
}
@media (max-width: 1100px) {
.list {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 960px) {
.list {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {

8
frontend/src/views/GameHubView.vue
View File

@@ -214,7 +214,7 @@ function submitSearch() {
}
.list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.row {
@@ -312,14 +312,14 @@ function submitSearch() {
padding: 7px 10px;
font-weight: 800;
}
@media (max-width: 1100px) {
@media (max-width: 1280px) {
.list {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1100px) {
.list {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {

6
frontend/src/views/HomeView.vue
View File

@@ -112,7 +112,7 @@ function thumbUrl(g) {
}
.grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.error {
@@ -165,12 +165,12 @@ function thumbUrl(g) {
}
@media (max-width: 1200px) {
.grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {

6
frontend/src/views/MyTierListsView.vue
View File

@@ -129,7 +129,7 @@ async function removeList(t) {
}
.list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.row {
@@ -215,12 +215,12 @@ async function removeList(t) {
}
@media (max-width: 1100px) {
.list {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 960px) {
.list {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {

26
frontend/src/views/TierEditorView.vue
View File

@@ -857,8 +857,8 @@ onUnmounted(() => {
<style scoped>
.head {
display: grid;
gap: 14px;
padding: 6px 2px 14px;
gap: 16px;
padding: 2px 2px 16px;
}
.previewOnly {
min-height: 100vh;
@@ -938,8 +938,8 @@ onUnmounted(() => {
}
.heroCard {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(280px, 360px);
gap: 18px;
grid-template-columns: minmax(0, 1.65fr) minmax(260px, 320px);
gap: 16px;
align-items: stretch;
}
.heroCard__main,
@@ -1123,8 +1123,8 @@ onUnmounted(() => {
}
.layout {
display: grid;
grid-template-columns: 1fr 320px;
gap: 14px;
grid-template-columns: minmax(0, 1fr) 284px;
gap: 16px;
align-items: start;
}
.error {
@@ -1135,10 +1135,10 @@ onUnmounted(() => {
background: rgba(239, 68, 68, 0.12);
}
.board {
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
border-radius: 16px;
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(48, 48, 48, 0.78);
border-radius: 18px;
padding: 18px;
align-self: start;
}
.modalOverlay {
@@ -1419,9 +1419,9 @@ onUnmounted(() => {
object-fit: cover;
}
.sidebar {
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(48, 48, 48, 0.78);
border-radius: 18px;
padding: 12px;
}
.sidebar__title {