devsam/core2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 검증된 인게임 글자 크기를 네 단계로 통합

Browse Source
This commit is contained in:
Hide_D
2026-09-15 15:45:16 +00:00
parent 7dc1670935
commit e094246963
80 changed files with 3595 additions and 329 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/game-frontend/src/views/AuctionView.vue
+2 -2
View File
@@ -517,7 +517,7 @@ onMounted(() => {
margin: 0 auto;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 21px;
}
.legacy-auction-page.resource-page {
@@ -549,7 +549,7 @@ onMounted(() => {
}
.top-back-bar h1 {
margin: 0;
font-size: 24px;
font-size: var(--sammo-font-size-title);
font-weight: 500;
line-height: 32px;
text-align: center;
app/game-frontend/src/views/BattleCenterView.vue
+2 -2
View File
@@ -405,7 +405,7 @@ onMounted(() => {
}
:deep(.panel-title) {
color: skyblue;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 500;
}
:deep(.panel-header) {
@@ -443,7 +443,7 @@ onMounted(() => {
}
.battle-top h1 {
margin: 0;
font-size: 24px;
font-size: var(--sammo-font-size-title);
font-weight: 400;
line-height: 32px;
text-align: center;
app/game-frontend/src/views/BattleSimulatorView.vue
+11 -11
View File
@@ -1368,7 +1368,7 @@ const shouldShowUI = computed(() => !loading.value && !!options.value);
padding: 2px 6px;
background: #444;
color: #aaa;
font-size: 11px;
font-size: var(--sammo-font-size-small);
}
.independence-notice p {
@@ -1403,7 +1403,7 @@ button {
border-radius: 5.25px;
padding: 5.25px 10.5px;
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 700;
line-height: 21px;
vertical-align: middle;
@@ -1465,12 +1465,12 @@ button:disabled {
.error {
color: #f5b7b1;
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
}
.status {
color: #f5d08a;
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
}
.settings-grid {
@@ -1484,7 +1484,7 @@ button:disabled {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
color: #ddd;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.unit-after {
@@ -1507,7 +1507,7 @@ button:disabled {
background: #ddd;
color: #303030;
padding: 5.25px 10.5px;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 21px;
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
transition:
@@ -1571,7 +1571,7 @@ button:disabled {
border: 1px solid #111;
background: #444;
color: #ddd;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
white-space: nowrap;
}
@@ -1595,7 +1595,7 @@ button:disabled {
padding: 6px 14px;
border-radius: 5px;
background: #444;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.defender-toolbar > div {
@@ -1653,7 +1653,7 @@ button:disabled {
.log-body {
min-height: 0;
line-height: 1.5;
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
}
.modal-backdrop {
@@ -1686,7 +1686,7 @@ button:disabled {
.modal h3 {
margin: 0;
font-size: 1rem;
font-size: var(--sammo-font-size-emphasis);
}
.modal-body {
@@ -1696,7 +1696,7 @@ button:disabled {
}
.hint {
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.7);
}
app/game-frontend/src/views/BestGeneralView.vue
+9 -4
View File
@@ -179,6 +179,11 @@ watch(viewMode, () => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
:global(body:has(.legacy-ranking-page)) {
min-width: 500px;
overflow-x: hidden;
@@ -191,7 +196,7 @@ watch(viewMode, () => {
background-color: transparent;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
@@ -251,7 +256,7 @@ watch(viewMode, () => {
}
.legacy-banner {
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
.legacy-banner a {
@@ -278,7 +283,7 @@ watch(viewMode, () => {
margin: 0;
border-bottom: 1px solid gray;
padding: 2px;
font-size: calc(19px + 0.784615vw);
font-size: var(--sammo-font-size-title);
font-weight: 500;
line-height: 1.2;
text-align: center;
@@ -377,7 +382,7 @@ watch(viewMode, () => {
}
.rankType {
font-size: 28px;
font-size: var(--sammo-font-size-title);
}
}
</style>
app/game-frontend/src/views/BettingView.vue
+9 -4
View File
@@ -281,11 +281,16 @@ const placeBet = async (target: TournamentBracketSlot) => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.betting-page {
--bet-font-title: 24px;
--bet-font-large: 16px;
--bet-font-normal: 14px;
--bet-font-small: 12px;
--bet-font-title: var(--sammo-font-size-title);
--bet-font-large: var(--sammo-font-size-emphasis);
--bet-font-normal: var(--sammo-font-size-normal);
--bet-font-small: var(--sammo-font-size-small);
width: 100%;
max-width: 1200px;
min-width: 0;
app/game-frontend/src/views/BoardView.vue
+4 -4
View File
@@ -271,7 +271,7 @@ onMounted(() => {
padding: 8px;
color: #000;
background: #fff;
font: 16px/normal var(--sammo-font-sans);
font: var(--sammo-font-size-emphasis)/normal var(--sammo-font-sans);
}
.legacy-board-page {
@@ -280,7 +280,7 @@ onMounted(() => {
color: #fff;
background: transparent;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
@@ -309,7 +309,7 @@ onMounted(() => {
.top-back-bar h1 {
margin: 0;
font-size: 24px;
font-size: var(--sammo-font-size-title);
font-weight: 500;
line-height: 32px;
text-align: center;
@@ -440,7 +440,7 @@ onMounted(() => {
.date {
width: 83.333px;
flex: 0 0 auto;
font-size: 0.9em;
font-size: var(--sammo-font-size-small);
}
.article-body {
app/game-frontend/src/views/ChiefCenterView.vue
+13 -13
View File
@@ -511,7 +511,7 @@ const repeatTurns = async (amount: number) => {
padding: 8px;
display: grid;
gap: 6px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
margin-top: 12px;
}
@@ -522,7 +522,7 @@ const repeatTurns = async (amount: number) => {
.command-selected .meta {
display: flex;
gap: 8px;
font-size: 0.7rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.6);
}
@@ -535,7 +535,7 @@ const repeatTurns = async (amount: number) => {
.turn-actions button {
border: 1px solid rgba(201, 164, 90, 0.3);
padding: 4px 8px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
background: rgba(12, 12, 12, 0.6);
color: inherit;
cursor: pointer;
@@ -555,7 +555,7 @@ const repeatTurns = async (amount: number) => {
flex-wrap: wrap;
justify-content: space-between;
gap: 8px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.turn-info {
@@ -584,7 +584,7 @@ const repeatTurns = async (amount: number) => {
.turn-buttons button {
border: 1px solid rgba(201, 164, 90, 0.3);
padding: 4px 8px;
font-size: 0.7rem;
font-size: var(--sammo-font-size-small);
background: rgba(12, 12, 12, 0.6);
color: inherit;
cursor: pointer;
@@ -655,7 +655,7 @@ const repeatTurns = async (amount: number) => {
.chief-page {
margin: 0 auto;
color: #fff;
font: 14px/21px var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/21px var(--sammo-font-sans);
}
.chief-top {
height: 32px;
@@ -665,7 +665,7 @@ const repeatTurns = async (amount: number) => {
}
.chief-top h1 {
margin: 0;
font-size: 24px;
font-size: var(--sammo-font-size-title);
font-weight: 400;
line-height: 32px;
text-align: center;
@@ -731,7 +731,7 @@ const repeatTurns = async (amount: number) => {
justify-content: center;
padding: 0;
background-color: transparent;
font-size: 16.8px;
font-size: var(--sammo-font-size-emphasis);
line-height: 14.7px;
}
.chief-grid-row :deep(.chief-title) {
@@ -742,7 +742,7 @@ const repeatTurns = async (amount: number) => {
}
.chief-grid-row :deep(.chief-level),
.chief-grid-row :deep(.chief-name) {
font-size: 16.8px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 400;
line-height: 14.7px;
color: inherit;
@@ -758,7 +758,7 @@ const repeatTurns = async (amount: number) => {
gap: 0;
padding: 0;
border: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 14.7px;
color: #fff;
text-align: center;
@@ -884,7 +884,7 @@ const repeatTurns = async (amount: number) => {
justify-content: center;
padding: 0;
background-color: transparent;
font-size: 16.8px;
font-size: var(--sammo-font-size-emphasis);
line-height: 14.7px;
}
.mobile-readonly :deep(.chief-title) {
@@ -895,7 +895,7 @@ const repeatTurns = async (amount: number) => {
}
.mobile-readonly :deep(.chief-level),
.mobile-readonly :deep(.chief-name) {
font-size: 16.8px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 400;
line-height: 14.7px;
color: inherit;
@@ -907,7 +907,7 @@ const repeatTurns = async (amount: number) => {
height: 30px;
grid-template-columns: 43.33px 216.67px;
padding: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 14.7px;
color: #fff;
}
app/game-frontend/src/views/CurrentCityView.vue
+5 -5
View File
@@ -340,7 +340,7 @@ const commandBrief = (command: ReservedCommand): string =>
width: 1000px;
margin: 0 auto;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
.legacy-table {
@@ -371,7 +371,7 @@ const commandBrief = (command: ReservedCommand): string =>
background: #6b6b6b;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 13.3333px;
font-size: var(--sammo-font-size-normal);
}
.selector {
transform: translateY(-2px);
@@ -450,7 +450,7 @@ const commandBrief = (command: ReservedCommand): string =>
object-fit: fill;
}
.turns--reserved {
font-size: x-small;
font-size: var(--sammo-font-size-small);
}
.turn-line {
display: block;
@@ -466,7 +466,7 @@ const commandBrief = (command: ReservedCommand): string =>
}
.back-link {
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.legacy-banner a {
color: #fff;
@@ -542,7 +542,7 @@ const commandBrief = (command: ReservedCommand): string =>
.generals tbody td[data-label]::before {
content: attr(data-label);
margin-right: 3px;
font-size: 11px;
font-size: var(--sammo-font-size-small);
line-height: 1;
color: #bbb;
}
app/game-frontend/src/views/DiplomacyView.vue
+4 -4
View File
@@ -659,7 +659,7 @@ onBeforeUnmount(() => {
color: #fff;
overflow-x: clip;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
@@ -699,7 +699,7 @@ onBeforeUnmount(() => {
.panel-header h2 {
margin: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 500;
}
@@ -809,7 +809,7 @@ onBeforeUnmount(() => {
.letter-header h3 {
margin: 0;
font-size: 28px;
font-size: var(--sammo-font-size-title);
font-weight: 400;
}
@@ -817,7 +817,7 @@ onBeforeUnmount(() => {
position: absolute;
right: 10px;
bottom: 3px;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.letter-text {
app/game-frontend/src/views/DynastyDetailView.vue
+4 -4
View File
@@ -308,7 +308,7 @@ onMounted(loadDetail);
margin: 8px auto 0;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 16px;
font-size: var(--sammo-font-size-emphasis);
line-height: normal;
}
@@ -351,7 +351,7 @@ onMounted(loadDetail);
}
.large-text {
font-size: x-large;
font-size: var(--sammo-font-size-title);
}
.centered {
@@ -387,7 +387,7 @@ onMounted(loadDetail);
background: buttonface;
color: buttontext;
font-family: var(--sammo-font-sans);
font-size: 13.3333px;
font-size: var(--sammo-font-size-normal);
font-weight: 400;
line-height: normal;
cursor: default;
@@ -411,6 +411,6 @@ onMounted(loadDetail);
}
.banner {
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
</style>
app/game-frontend/src/views/DynastyListView.vue
+4 -4
View File
@@ -186,7 +186,7 @@ watch(selectedSource, loadDynasty);
width: 1000px;
background-color: transparent;
border-collapse: collapse;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
word-break: break-all;
}
@@ -241,7 +241,7 @@ watch(selectedSource, loadDynasty);
}
.large-text {
font-size: x-large;
font-size: var(--sammo-font-size-title);
}
.label-column {
@@ -261,7 +261,7 @@ watch(selectedSource, loadDynasty);
background: buttonface;
color: buttontext;
font-family: var(--sammo-font-sans);
font-size: 13.3333px;
font-size: var(--sammo-font-size-normal);
font-weight: 400;
line-height: normal;
cursor: default;
@@ -284,6 +284,6 @@ watch(selectedSource, loadDynasty);
}
.banner {
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
</style>
app/game-frontend/src/views/GeneralListView.vue
+8 -3
View File
@@ -133,10 +133,15 @@ onMounted(() => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.directory-page {
width: 1000px;
margin: 0 auto;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
.directory-table {
@@ -144,7 +149,7 @@ onMounted(() => {
border-collapse: collapse;
table-layout: auto;
padding: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
word-break: break-all;
}
.directory-table td {
@@ -158,7 +163,7 @@ onMounted(() => {
}
.legacy-button {
padding: 5px 10px;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.directory-error {
width: 998px;
app/game-frontend/src/views/GlobalInfoView.vue
+3 -3
View File
@@ -171,7 +171,7 @@ onMounted(async () => {
.global-page {
width: 1000px;
margin: 0 auto;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
background-color: transparent;
background-image: none;
}
@@ -188,7 +188,7 @@ onMounted(async () => {
text-align: center;
}
.legacy-title strong {
font-size: 24px;
font-size: var(--sammo-font-size-title);
font-weight: 400;
line-height: 32px;
}
@@ -206,7 +206,7 @@ onMounted(async () => {
background-image: var(--sammo-texture-walnut);
}
.section h2 {
font-size: 16.8px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 400;
text-align: center;
margin: 0;
app/game-frontend/src/views/HallOfFameView.vue
+9 -4
View File
@@ -193,6 +193,11 @@ onMounted(loadOptions);
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
/* Ref's document does not clip; the page column stays 500px wide instead. */
:global(body:has(.legacy-hall-page)) {
min-width: 500px;
@@ -204,7 +209,7 @@ onMounted(loadOptions);
margin: 0 auto;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.legacy-hall-title,
@@ -274,7 +279,7 @@ onMounted(loadOptions);
}
.legacy-banner {
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
.legacy-banner a {
@@ -296,7 +301,7 @@ onMounted(loadOptions);
margin: 0;
border-bottom: 1px solid gray;
padding: 2px;
font-size: calc(19px + 0.784615vw);
font-size: var(--sammo-font-size-title);
font-weight: 500;
line-height: 1.2;
text-align: center;
@@ -380,7 +385,7 @@ onMounted(loadOptions);
}
.rankType {
font-size: 28px;
font-size: var(--sammo-font-size-title);
}
}
</style>
app/game-frontend/src/views/InheritView.vue
+8 -3
View File
@@ -787,6 +787,11 @@ onMounted(() => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.top-back-bar {
width: min(100%, 1000px);
height: 32px;
@@ -816,7 +821,7 @@ onMounted(() => {
padding: 0 7px;
color: #fff;
min-height: 1597px;
font: 14px/21px var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/21px var(--sammo-font-sans);
}
.inherit-page.legacy-bg0 {
@@ -892,7 +897,7 @@ onMounted(() => {
}
.section-title {
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 400;
text-align: center;
margin: 0 -8px;
@@ -969,7 +974,7 @@ onMounted(() => {
.stat-layout strong {
text-align: left;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.owner-result {
app/game-frontend/src/views/JoinView.vue
+36 -31
View File
@@ -1276,6 +1276,11 @@ onUnmounted(() => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.join-page {
min-height: 100vh;
padding: 24px;
@@ -1298,12 +1303,12 @@ onUnmounted(() => {
}
.join-title {
font-size: 1.6rem;
font-size: var(--sammo-font-size-title);
font-weight: 600;
}
.join-subtitle {
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
color: rgba(232, 221, 196, 0.7);
}
@@ -1315,14 +1320,14 @@ onUnmounted(() => {
.join-tabs button {
border: 1px solid rgba(201, 164, 90, 0.4);
padding: 6px 10px;
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
}
.simulator-link {
border: 1px solid rgba(112, 170, 141, 0.55);
padding: 6px 10px;
color: #bfe2cd;
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
text-decoration: none;
}
@@ -1371,7 +1376,7 @@ onUnmounted(() => {
.nation-message {
margin: 0;
padding: 8px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.7);
}
@@ -1400,12 +1405,12 @@ onUnmounted(() => {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.primary-field > span:first-child {
color: #f0d99e;
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
font-weight: 700;
}
@@ -1418,7 +1423,7 @@ onUnmounted(() => {
.primary-field > .form-input {
min-height: 36px;
font-size: 1rem;
font-size: var(--sammo-font-size-emphasis);
}
.stat-actions {
@@ -1433,7 +1438,7 @@ onUnmounted(() => {
height: 40px;
min-height: 40px;
padding: 8px 14px;
font-size: 0.875rem;
font-size: var(--sammo-font-size-normal);
line-height: 1.2;
}
@@ -1449,7 +1454,7 @@ onUnmounted(() => {
.stat-summary {
margin-top: 10px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.7);
}
@@ -1467,7 +1472,7 @@ onUnmounted(() => {
.form-actions button {
border: 1px solid rgba(201, 164, 90, 0.4);
padding: 6px 12px;
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
}
.form-actions .primary-action {
@@ -1520,13 +1525,13 @@ onUnmounted(() => {
.advanced-title small {
color: #ccc;
font-size: 0.7rem;
font-size: var(--sammo-font-size-small);
font-weight: 400;
}
.advanced-point-summary {
color: #ead8ac;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
white-space: nowrap;
}
@@ -1546,7 +1551,7 @@ onUnmounted(() => {
border: 0;
border-right: 1px solid rgba(201, 164, 90, 0.25);
color: rgba(232, 221, 196, 0.68);
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
}
.context-tabs button:last-child {
@@ -1583,7 +1588,7 @@ onUnmounted(() => {
gap: 12px;
margin-bottom: 8px;
color: rgba(232, 221, 196, 0.75);
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.general-list-head label {
@@ -1602,7 +1607,7 @@ onUnmounted(() => {
.context-general-table {
width: 100%;
border-collapse: collapse;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.context-general-table th,
@@ -1629,7 +1634,7 @@ onUnmounted(() => {
padding: 1px 3px;
background: rgba(111, 74, 141, 0.8);
color: #fff;
font-size: 0.6rem;
font-size: var(--sammo-font-size-small);
}
.context-error,
@@ -1637,7 +1642,7 @@ onUnmounted(() => {
padding: 12px;
color: rgba(240, 150, 150, 0.9);
text-align: center;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.sr-only {
@@ -1662,7 +1667,7 @@ onUnmounted(() => {
flex-wrap: wrap;
justify-content: space-between;
gap: 8px;
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.85);
}
@@ -1678,7 +1683,7 @@ onUnmounted(() => {
}
.bonus-title {
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.8);
}
@@ -1690,7 +1695,7 @@ onUnmounted(() => {
.inherit-errors {
color: rgba(240, 150, 150, 0.9);
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.form-actions .ghost,
@@ -1708,7 +1713,7 @@ onUnmounted(() => {
.npc-token-status {
min-height: 22px;
text-align: center;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.npc-token-expired {
@@ -1738,14 +1743,14 @@ onUnmounted(() => {
height: 25px;
overflow: hidden;
border: 1px solid rgba(201, 164, 90, 0.3);
font-size: 1rem;
font-size: var(--sammo-font-size-emphasis);
line-height: 23px;
text-overflow: ellipsis;
white-space: nowrap;
}
.npc-card-name--long {
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.npc-card-image {
@@ -1755,7 +1760,7 @@ onUnmounted(() => {
.npc-card p {
min-height: 78px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
line-height: 1.3;
}
@@ -1789,14 +1794,14 @@ onUnmounted(() => {
width: 100%;
border: 1px solid rgba(201, 164, 90, 0.4);
padding: 4px 8px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.npc-keep {
display: block;
padding-left: 15px;
text-indent: -15px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.npc-keep input {
@@ -1830,7 +1835,7 @@ onUnmounted(() => {
margin-bottom: 8px;
color: rgba(240, 150, 150, 0.9);
text-align: center;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.npc-general-list-wrap {
@@ -1843,7 +1848,7 @@ onUnmounted(() => {
width: 970px;
border-collapse: collapse;
table-layout: fixed;
font-size: 12px;
font-size: var(--sammo-font-size-small);
word-break: break-all;
}
@@ -1872,7 +1877,7 @@ onUnmounted(() => {
}
.npc-general-name small {
font-size: 10px;
font-size: var(--sammo-font-size-small);
}
#btn-print-more-generals {
@@ -1883,7 +1888,7 @@ onUnmounted(() => {
.muted {
color: rgba(232, 221, 196, 0.6);
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.ghost {
app/game-frontend/src/views/LoginView.vue
+1 -1
View File
@@ -28,7 +28,7 @@ onMounted(() => {
h1 {
margin: 0 0 12px;
font-size: 20px;
font-size: var(--sammo-font-size-title);
font-weight: 400;
}
app/game-frontend/src/views/MainView.vue
+9 -9
View File
@@ -788,7 +788,7 @@ button {
.game-version-dialog__commit code {
overflow-wrap: anywhere;
color: #d7d7d7;
font-size: 0.85em;
font-size: var(--sammo-font-size-small);
}
/*
@@ -820,7 +820,7 @@ button {
.front-status-error {
color: #ff8a80;
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
}
.legacy-game-info {
@@ -834,7 +834,7 @@ button {
border-top: 1px solid #666;
background: #302016 var(--sammo-texture-walnut);
color: #fff;
font-size: 12px;
font-size: var(--sammo-font-size-small);
line-height: 17px;
text-align: center;
}
@@ -851,7 +851,7 @@ button {
.warning {
color: #f5d08a;
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
}
.survey-notice {
@@ -866,7 +866,7 @@ button {
background: rgba(32, 28, 16, 0.96);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
@@ -883,7 +883,7 @@ button {
.survey-notice-title button {
padding: 0 4px;
cursor: pointer;
font-size: 20px;
font-size: var(--sammo-font-size-title);
line-height: 1;
}
@@ -912,7 +912,7 @@ button {
background: rgba(12, 12, 12, 0.96);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
@@ -933,7 +933,7 @@ button {
.private-message-notice-close {
padding: 0 4px;
cursor: pointer;
font-size: 20px;
font-size: var(--sammo-font-size-title);
line-height: 1;
}
@@ -1158,7 +1158,7 @@ button {
}
.placeholder {
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
color: rgba(232, 221, 196, 0.7);
display: flex;
flex-direction: column;
app/game-frontend/src/views/MyPageView.vue
+3 -3
View File
@@ -629,7 +629,7 @@ onMounted(() => {
background-color: transparent;
background-image: var(--sammo-texture-walnut);
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
.my-page-mobile-scroll-spacer {
@@ -645,7 +645,7 @@ onMounted(() => {
gap: 0 4px;
border: 1px solid #666;
background: transparent;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.title-row > span {
flex-basis: 100%;
@@ -714,7 +714,7 @@ button:disabled {
border-bottom: 1px solid #666;
background-color: #14241b;
background-image: var(--sammo-texture-green);
font-size: 1.25em;
font-size: var(--sammo-font-size-emphasis);
font-weight: 500;
}
.section-title {
app/game-frontend/src/views/MySettingsView.vue
+12 -7
View File
@@ -314,6 +314,11 @@ onBeforeUnmount(() => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.legacy-page {
box-sizing: border-box;
width: 100%;
@@ -325,7 +330,7 @@ onBeforeUnmount(() => {
background-color: transparent;
background-image: var(--sammo-texture-walnut);
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
.title-row {
@@ -367,7 +372,7 @@ onBeforeUnmount(() => {
background-color: #14241b;
background-image: var(--sammo-texture-green);
color: skyblue;
font-size: 1.25em;
font-size: var(--sammo-font-size-emphasis);
font-weight: 500;
}
.settings-content {
@@ -440,7 +445,7 @@ onBeforeUnmount(() => {
padding: 12px;
background: #171717 var(--sammo-texture-walnut);
color: #fff;
font: 14px/1.3 var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/1.3 var(--sammo-font-sans);
}
.mobile-layout-dialog::backdrop {
background: rgb(0 0 0 / 72%);
@@ -461,7 +466,7 @@ onBeforeUnmount(() => {
}
.mobile-layout-dialog__header h2 {
color: skyblue;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
.mobile-layout-dialog__header form,
.mobile-layout-dialog__actions form {
@@ -470,7 +475,7 @@ onBeforeUnmount(() => {
.mobile-layout-dialog__header button {
min-width: 32px;
min-height: 32px;
font-size: 20px;
font-size: var(--sammo-font-size-title);
}
.mobile-layout-list {
display: grid;
@@ -494,7 +499,7 @@ onBeforeUnmount(() => {
.mobile-layout-handle {
color: #aaa;
text-align: center;
font-size: 20px;
font-size: var(--sammo-font-size-title);
}
.mobile-layout-label {
min-width: 0;
@@ -508,7 +513,7 @@ onBeforeUnmount(() => {
margin-right: 4px;
border: 1px solid #7186a7;
border-radius: 50%;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.mobile-layout-move-buttons {
gap: 4px;
app/game-frontend/src/views/NationBettingView.vue
+2 -2
View File
@@ -457,7 +457,7 @@ onMounted(() => {
margin: 0 auto;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.5;
}
@@ -474,7 +474,7 @@ onMounted(() => {
.legacy-top-bar h1 {
margin: 0;
font-size: 24px;
font-size: var(--sammo-font-size-title);
font-weight: 500;
line-height: 32px;
text-align: center;
app/game-frontend/src/views/NationCitiesView.vue
+2 -2
View File
@@ -740,7 +740,7 @@ onMounted(async () => {
.nation-cities-page {
width: 1000px;
margin: 0 auto;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
.legacy-table {
@@ -836,7 +836,7 @@ onMounted(async () => {
}
.secret-commands {
text-align: left !important;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.bonus {
color: cyan;
app/game-frontend/src/views/NationGeneralsView.vue
+14 -9
View File
@@ -1015,12 +1015,17 @@ onBeforeUnmount(() => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.general-page {
width: 1000px;
min-width: 1000px;
height: 100vh;
margin: 0 auto;
font: 14px/21px var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/21px var(--sammo-font-sans);
color: #fff;
background-color: transparent;
}
@@ -1035,10 +1040,10 @@ onBeforeUnmount(() => {
justify-content: center;
background-color: transparent;
background-image: var(--sammo-texture-walnut);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.top-bar strong {
font-size: 22px;
font-size: var(--sammo-font-size-title);
font-weight: 400;
}
.left-actions,
@@ -1061,7 +1066,7 @@ onBeforeUnmount(() => {
align-items: center;
justify-content: center;
padding: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
text-decoration: none;
}
.nation-button {
@@ -1147,7 +1152,7 @@ table {
table-layout: fixed;
background: #293033;
color: #f5f5f5;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: normal;
cursor: default;
}
@@ -1198,7 +1203,7 @@ th {
}
.sort-indicator {
color: #8dd4ff;
font-size: 10px;
font-size: var(--sammo-font-size-small);
}
.filter-head th {
position: relative;
@@ -1234,7 +1239,7 @@ th {
.floating-filter > input::placeholder,
.filter-popup input::placeholder {
color: #8f999d;
font-size: 10px;
font-size: var(--sammo-font-size-small);
}
.filter-menu-button {
display: inline-flex;
@@ -1292,7 +1297,7 @@ th {
background: #2d3436;
box-shadow: 0 2px 6px rgb(0 0 0 / 45%);
color: #f5f5f5;
font-size: 12px;
font-size: var(--sammo-font-size-small);
line-height: 18px;
text-align: left;
white-space: normal;
@@ -1311,7 +1316,7 @@ th {
border-radius: 0;
background: #252a2c;
color: #fff;
font: 12px/18px var(--sammo-font-sans);
font: var(--sammo-font-size-small)/18px var(--sammo-font-sans);
}
.filter-condition select {
cursor: pointer;
app/game-frontend/src/views/NationInfoView.vue
+1 -1
View File
@@ -138,7 +138,7 @@ onMounted(async () => {
.legacy-info-page {
width: 1000px;
margin: 0 auto;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.legacy-table {
width: 100%;
app/game-frontend/src/views/NationListView.vue
+8 -3
View File
@@ -422,17 +422,22 @@ onBeforeUnmount(() => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.directory-page {
width: 1000px;
margin: 0 auto;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
.directory-table {
width: 1000px;
border-collapse: collapse;
table-layout: auto;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
word-break: break-all;
background-color: transparent;
}
@@ -456,7 +461,7 @@ onBeforeUnmount(() => {
padding: 5.25px 10.5px;
background-color: rgb(55 90 127);
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 700;
line-height: 21px;
cursor: pointer;
app/game-frontend/src/views/NationPersonnelView.vue
+28 -23
View File
@@ -604,12 +604,17 @@ onMounted(() => void loadPersonnel());
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.legacy-office {
width: 1000px;
min-height: 100vh;
margin: 0 auto;
color: #fff;
font: 14px/1.3 var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/1.3 var(--sammo-font-sans);
}
.legacy-table {
width: 1000px;
@@ -672,7 +677,7 @@ select {
.nation-heading {
height: 32px;
text-align: center;
font-size: 20px;
font-size: var(--sammo-font-size-title);
}
.chief-status {
margin-bottom: 0;
@@ -724,7 +729,7 @@ select {
color: #fff;
background: #24472e;
text-align: center;
font-size: 17px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 700;
}
.general-icon {
@@ -742,14 +747,14 @@ select {
}
.chief-entry-copy strong {
overflow: hidden;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
text-overflow: ellipsis;
white-space: nowrap;
}
.chief-entry-copy small {
overflow: hidden;
color: #c8c5bc;
font-size: 11px;
font-size: var(--sammo-font-size-small);
text-overflow: ellipsis;
white-space: nowrap;
}
@@ -765,7 +770,7 @@ select {
grid-area: action;
color: #e7b64c;
text-align: center;
font-size: 11px;
font-size: var(--sammo-font-size-small);
}
.award-label {
text-align: center;
@@ -823,7 +828,7 @@ select {
.city-header td {
height: 29px;
text-align: center;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
.city-header-compact {
display: none;
@@ -834,20 +839,20 @@ select {
.region-heading {
height: 29px;
color: skyblue;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
.city-identity {
display: table-cell;
width: 158px;
text-align: center;
font-size: 16.8px;
font-size: var(--sammo-font-size-emphasis);
}
.city-identity small,
.city-identity strong {
display: block;
}
.city-identity small {
font-size: 10px;
font-size: var(--sammo-font-size-small);
}
.city-officer-cell {
padding: 5px !important;
@@ -871,7 +876,7 @@ select {
}
.city-officer-copy small {
color: #c9c6bd;
font-size: 10px;
font-size: var(--sammo-font-size-small);
}
.city-change-button {
min-width: 70px;
@@ -919,7 +924,7 @@ select {
margin-bottom: 10px;
}
.nation-heading {
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
.chief-entry-cell {
padding: 4px !important;
@@ -933,7 +938,7 @@ select {
}
.chief-entry-role {
padding: 5px 2px;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.general-icon {
width: 48px;
@@ -944,19 +949,19 @@ select {
font-size: 15px;
}
.chief-entry-copy small {
font-size: 9px;
font-size: var(--sammo-font-size-small);
}
.personnel-change-button {
min-height: 30px;
padding: 3px 5px;
font-size: 11px;
font-size: var(--sammo-font-size-small);
line-height: 18px;
}
.personnel-lock-label {
font-size: 10px;
}
.award-label {
font-size: 11px;
font-size: var(--sammo-font-size-small);
white-space: nowrap;
}
.award-label-full {
@@ -971,7 +976,7 @@ select {
}
.city-header td {
height: 26px;
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
.city-header-full {
display: none;
@@ -981,14 +986,14 @@ select {
}
.region-heading {
height: 25px;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.city-identity {
width: 16%;
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
.city-identity small {
font-size: 8px;
font-size: var(--sammo-font-size-small);
}
.city-officer-cell {
padding: 4px !important;
@@ -998,17 +1003,17 @@ select {
gap: 4px;
}
.city-officer-copy strong {
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.city-officer-copy small {
font-size: 9px;
font-size: var(--sammo-font-size-small);
}
.city-change-button {
width: 100%;
min-width: 0;
}
.legend {
font-size: 10px;
font-size: var(--sammo-font-size-small);
}
.kick-label {
width: auto;
app/game-frontend/src/views/NationSecretView.vue
+9 -9
View File
@@ -368,7 +368,7 @@ onMounted(load);
.secret-page {
width: auto;
margin: 0;
font: 14px var(--sammo-font-sans);
font: var(--sammo-font-size-normal) var(--sammo-font-sans);
color: #fff;
}
.layout {
@@ -381,7 +381,7 @@ th,
.state {
border: 1px solid gray;
padding: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
word-break: break-all;
text-align: center;
font-weight: 400;
@@ -455,7 +455,7 @@ th,
}
.turns {
text-align: left;
font-size: 11px;
font-size: var(--sammo-font-size-small);
}
.bonus {
color: cyan;
@@ -483,13 +483,13 @@ th,
}
.list th,
.list td {
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.list tbody tr {
height: auto;
}
.list tbody td {
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.list :is(th, td):nth-child(1),
.list :is(th, td):nth-child(2) {
@@ -592,7 +592,7 @@ th,
min-width: 0;
padding: 0 2px;
border: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 18.2px;
overflow-wrap: anywhere;
align-content: center;
@@ -600,7 +600,7 @@ th,
.list tbody td[data-label]::before {
content: attr(data-label);
margin-right: 3px;
font-size: 11px;
font-size: var(--sammo-font-size-small);
line-height: 1;
color: #bbb;
}
@@ -609,13 +609,13 @@ th,
}
.general-level {
margin-left: 3px;
font-size: 11px;
font-size: var(--sammo-font-size-small);
line-height: 1;
color: #bbb;
white-space: nowrap;
}
.list tbody .turns {
font-size: 11px;
font-size: var(--sammo-font-size-small);
line-height: 1.3;
border-left: 1px solid gray;
padding-inline: 4px;
app/game-frontend/src/views/NationStratFinanView.vue
+2 -2
View File
@@ -474,7 +474,7 @@ onMounted(() => void loadStratFinan());
margin: 0 auto;
color: #fff;
background: var(--sammo-texture-walnut);
font: 14px/1.3 var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/1.3 var(--sammo-font-sans);
}
.tiptap-compat-controls {
display: none;
@@ -510,7 +510,7 @@ textarea:focus-visible {
.finance-title {
height: 25.47px;
text-align: center;
font-size: 19.6px;
font-size: var(--sammo-font-size-title);
line-height: 25.47px;
}
.diplomacy-title {
app/game-frontend/src/views/NpcControlView.vue
+14 -9
View File
@@ -555,6 +555,11 @@ const submitPriority = async (section: PrioritySectionKey) => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
/*
* The document contract belongs to this page only. An unscoped html/body rule
* here leaked a 21px line-height and a 500px min-width onto every other screen.
@@ -566,7 +571,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
margin: 0;
background: #000;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 21px;
}
@@ -576,7 +581,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
box-sizing: border-box;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 21px;
}
.sortable-compat-controls {
@@ -605,7 +610,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
}
.top-back-bar strong {
font-size: 24px;
font-size: var(--sammo-font-size-title);
line-height: 32px;
font-weight: 400;
}
@@ -653,7 +658,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
min-height: 21px;
padding: 0 12px;
color: #8e8e8e;
font-size: 12.25px;
font-size: var(--sammo-font-size-small);
line-height: 18.375px;
text-align: right;
box-sizing: border-box;
@@ -709,7 +714,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
min-height: 18.375px;
margin: 0;
color: #888;
font-size: 12.25px;
font-size: var(--sammo-font-size-small);
line-height: 18.375px;
text-align: right;
}
@@ -807,7 +812,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
}
.priority-description small {
font-size: 12.25px;
font-size: var(--sammo-font-size-small);
line-height: 18.375px;
}
@@ -867,7 +872,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
}
.drag-handle {
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
.help-button {
@@ -879,7 +884,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
background: #444;
border: 1px solid #3d3d3d;
border-radius: 3px;
font-size: 12.25px;
font-size: var(--sammo-font-size-small);
line-height: 18.375px;
cursor: pointer;
}
@@ -896,7 +901,7 @@ const submitPriority = async (section: PrioritySectionKey) => {
border: 1px solid #777;
border-radius: 4px;
content: attr(data-text);
font-size: 12px;
font-size: var(--sammo-font-size-small);
line-height: 18px;
text-align: left;
white-space: pre-line;
app/game-frontend/src/views/NpcListView.vue
+3 -3
View File
@@ -252,7 +252,7 @@ onMounted(() => {
margin: 0 auto;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
@@ -261,7 +261,7 @@ onMounted(() => {
border-collapse: collapse;
padding: 0;
table-layout: fixed;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
word-break: break-all;
}
@@ -395,7 +395,7 @@ onMounted(() => {
}
.banner {
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.banner a {
app/game-frontend/src/views/PastPlaysView.vue
+4 -4
View File
@@ -422,7 +422,7 @@ onMounted(() => {
background-color: #302016;
background-image: var(--sammo-texture-walnut);
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.title-row,
@@ -443,7 +443,7 @@ onMounted(() => {
.title-row h1 {
margin: 0;
color: skyblue;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
.title-row nav,
@@ -615,7 +615,7 @@ th {
.detail-grid :deep(.panel-title) {
color: skyblue;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 500;
}
@@ -642,7 +642,7 @@ th {
.hall-battle-record__heading span {
color: #bbb;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.hall-battle-record dl {
app/game-frontend/src/views/PublicView.vue
+7 -7
View File
@@ -256,7 +256,7 @@ onMounted(() => {
<style scoped>
.page-hint {
margin-top: 6px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.5);
}
@@ -279,7 +279,7 @@ onMounted(() => {
}
.placeholder {
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
color: rgba(232, 221, 196, 0.7);
display: flex;
flex-direction: column;
@@ -295,7 +295,7 @@ onMounted(() => {
.public-table {
width: 100%;
border-collapse: collapse;
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
}
.public-table th,
@@ -306,7 +306,7 @@ onMounted(() => {
}
.public-table thead th {
font-size: 0.7rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.6);
text-transform: uppercase;
letter-spacing: 0.05em;
@@ -325,7 +325,7 @@ onMounted(() => {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.6rem;
font-size: var(--sammo-font-size-small);
padding: 2px 4px;
margin-right: 6px;
border: 1px solid rgba(201, 164, 90, 0.4);
@@ -346,11 +346,11 @@ onMounted(() => {
background: rgba(16, 16, 16, 0.8);
color: rgba(232, 221, 196, 0.9);
padding: 6px 8px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.list-count {
font-size: 0.7rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.6);
white-space: nowrap;
}
app/game-frontend/src/views/SurveyView.vue
+3 -3
View File
@@ -424,7 +424,7 @@ onMounted(() => {
margin: 0 auto;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.5;
}
@@ -464,13 +464,13 @@ onMounted(() => {
}
#vote-title {
font-size: 1.8em;
font-size: var(--sammo-font-size-title);
line-height: 1.5;
text-align: center;
}
#vote-old-title {
font-size: 1.5em;
font-size: var(--sammo-font-size-title);
line-height: 1.5;
text-align: center;
}
app/game-frontend/src/views/TournamentView.vue
+17 -12
View File
@@ -375,6 +375,11 @@ const start = async () => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.legacy-page {
width: 100%;
max-width: 1200px;
@@ -383,7 +388,7 @@ const start = async () => {
margin: 0 auto;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
text-align: center;
}
@@ -392,7 +397,7 @@ const start = async () => {
text-align: left;
}
.tournament-guide {
font-size: 12px;
font-size: var(--sammo-font-size-small);
line-height: 14px;
}
.tournament-footer {
@@ -419,7 +424,7 @@ const start = async () => {
--legacy-button-height: 44px;
min-width: 72px;
padding: 10px 16px;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.operator-row,
.state-row,
@@ -451,10 +456,10 @@ button:not(.legacy-button):focus-visible {
}
.operator-row span {
color: orange;
font-size: 24px;
font-size: var(--sammo-font-size-title);
}
.state-row {
font-size: 24px;
font-size: var(--sammo-font-size-title);
}
.state-row .type {
color: cyan;
@@ -463,7 +468,7 @@ button:not(.legacy-button):focus-visible {
min-height: 38px;
padding: 5px;
color: magenta;
font-size: 24px;
font-size: var(--sammo-font-size-title);
}
.fight {
padding: 8px;
@@ -473,7 +478,7 @@ button:not(.legacy-button):focus-visible {
margin: 0;
text-align: center;
color: orange;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
.fight p {
margin: 2px 10px;
@@ -496,7 +501,7 @@ button:not(.legacy-button):focus-visible {
padding: 4px;
background: #000;
color: orange;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 400;
text-align: center;
}
@@ -525,13 +530,13 @@ button:not(.legacy-button):focus-visible {
@media (max-width: 800px) {
.legacy-page {
max-width: 100%;
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
.state-row {
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
.section-title {
font-size: 20px;
font-size: var(--sammo-font-size-title);
}
.group-tabs {
display: grid;
@@ -568,7 +573,7 @@ button:not(.legacy-button):focus-visible {
}
.tournament-guide {
padding: 10px;
font-size: 11px;
font-size: var(--sammo-font-size-small);
line-height: 16px;
}
.tournament-footer {
app/game-frontend/src/views/TrafficView.vue
+3 -3
View File
@@ -225,7 +225,7 @@ onMounted(() => {
padding: 0;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: normal;
}
@@ -233,7 +233,7 @@ onMounted(() => {
border-collapse: collapse;
padding: 0;
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
/*
@@ -291,7 +291,7 @@ onMounted(() => {
.chart-title {
height: 34px;
font-size: 24px;
font-size: var(--sammo-font-size-title);
}
.chart-row {
app/game-frontend/src/views/TroopView.vue
+4 -4
View File
@@ -369,7 +369,7 @@ onMounted(() => {
color: #fff;
background: transparent;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.5;
}
@@ -395,7 +395,7 @@ onMounted(() => {
.topBackBar h2 {
margin: 0;
font-size: 24px;
font-size: var(--sammo-font-size-title);
font-weight: 500;
line-height: 32px;
text-align: center;
@@ -455,7 +455,7 @@ onMounted(() => {
.makeTitle {
grid-column: 1/3;
padding: 0.15em;
font-size: 1.2em;
font-size: var(--sammo-font-size-emphasis);
line-height: 1.2;
}
@@ -521,7 +521,7 @@ onMounted(() => {
grid-column: 4/5;
grid-row: 1/3;
overflow: hidden;
font-size: 85%;
font-size: var(--sammo-font-size-small);
text-align: left;
}
app/game-frontend/src/views/YearbookView.vue
+3 -3
View File
@@ -258,7 +258,7 @@ onMounted(async () => {
margin: 0 auto;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
background-color: transparent;
}
@@ -279,7 +279,7 @@ onMounted(async () => {
.yearbook-title strong {
display: inline-block;
line-height: 32px;
font-size: 20px;
font-size: var(--sammo-font-size-title);
letter-spacing: 0.35em;
}
@@ -355,7 +355,7 @@ onMounted(async () => {
.nation-position table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
text-align: center;
}