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/assets/main.css
+1 -1
View File
@@ -27,7 +27,7 @@ body {
background-repeat: repeat-y;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
}
app/game-frontend/src/assets/styles/game-shell.css
+4 -4
View File
@@ -23,12 +23,12 @@
}
.game-shell__title {
font-size: 1.6rem;
font-size: var(--sammo-font-size-title);
font-weight: 600;
}
.game-shell__subtitle {
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
color: var(--sammo-color-text-muted);
}
@@ -44,11 +44,11 @@
background: var(--sammo-color-action-bg);
color: inherit;
text-decoration: none;
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
cursor: pointer;
}
.game-feedback--error {
color: var(--sammo-color-error);
font-size: 0.85rem;
font-size: var(--sammo-font-size-normal);
}
app/game-frontend/src/assets/styles/legacy-controls.css
+1 -1
View File
@@ -133,7 +133,7 @@
.legacy-sort-indicator {
margin-left: 2px;
color: #9ee7ba;
font-size: 0.75em;
font-size: var(--sammo-font-size-small);
opacity: 0.65;
}
app/game-frontend/src/assets/styles/ref-shell.css
+2 -2
View File
@@ -16,7 +16,7 @@
background-image: var(--sammo-texture-walnut);
color: var(--sammo-color-text);
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.5;
}
@@ -35,7 +35,7 @@
}
.ref-shell__title {
font-size: 17px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 500;
}
app/game-frontend/src/assets/styles/tokens.css
+5
View File
@@ -1,4 +1,9 @@
:root {
/* 검증된 화면이 공유하는 네 단계. 콘텐츠 내부 축소/숨김은 별도 계약이다. */
--sammo-font-size-small: 12px;
--sammo-font-size-normal: 14px;
--sammo-font-size-emphasis: 16px;
--sammo-font-size-title: 24px;
--sammo-font-sans: Pretendard, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
--sammo-color-text: #fff;
--sammo-color-text-muted: rgba(232, 221, 196, 0.7);
app/game-frontend/src/components/battle/BattleGeneralCard.vue
+4 -4
View File
@@ -352,7 +352,7 @@ const officerLevelOptions = [
.general-title {
font-weight: 600;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.general-subtitle {
@@ -371,7 +371,7 @@ const officerLevelOptions = [
background: #3498db;
color: #fff;
padding: 4px 9px;
font-size: 12px;
font-size: var(--sammo-font-size-small);
font-weight: 700;
cursor: pointer;
}
@@ -419,7 +419,7 @@ const officerLevelOptions = [
display: grid;
grid-template-columns: auto minmax(0, 1fr);
color: #ddd;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.field span {
@@ -438,7 +438,7 @@ const officerLevelOptions = [
background: #ddd;
color: #303030;
padding: 6px 10px;
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);
}
app/game-frontend/src/components/chief/ChiefTurnCard.vue
+4 -4
View File
@@ -131,20 +131,20 @@ const handleClick = () => {
}
.chief-level {
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.7);
}
.chief-name {
overflow: hidden;
font-size: 0.8rem;
font-size: var(--sammo-font-size-small);
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
}
.chief-me {
font-size: 0.65rem;
font-size: var(--sammo-font-size-small);
padding: 2px 6px;
border-radius: 0;
background: rgba(201, 164, 90, 0.2);
@@ -166,7 +166,7 @@ const handleClick = () => {
/* Ref draws no rule between reservation rows and keeps them left aligned. */
border: 0;
text-align: left;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.chief-card.compact .chief-row {
app/game-frontend/src/components/command/RecruitmentCommandForm.vue
+13 -8
View File
@@ -270,13 +270,18 @@ watch(
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.recruitment-command-form {
box-sizing: border-box;
width: 100%;
min-width: 0;
color: #fff;
background: #1d1d1d;
font: 14px/1.25 var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/1.25 var(--sammo-font-sans);
}
.recruitment-intro {
padding: 6px;
@@ -335,7 +340,7 @@ watch(
}
.crew-group > header strong {
padding: 0 12px;
font-size: 1.3em;
font-size: var(--sammo-font-size-title);
}
.crew-group > header button {
min-height: 34px;
@@ -377,7 +382,7 @@ watch(
}
.crew-name small {
display: block;
font-size: 0.72em;
font-size: var(--sammo-font-size-small);
}
.crew-row small {
display: none;
@@ -509,11 +514,11 @@ watch(
}
.crew-row small {
display: block;
font-size: 0.62em;
font-size: var(--sammo-font-size-small);
line-height: 1;
}
.crew-row .crew-name small {
font-size: 0.72em;
font-size: var(--sammo-font-size-small);
}
.crew-header .attack,
.crew-header .defence,
@@ -521,18 +526,18 @@ watch(
.crew-header .avoid,
.crew-header .cost,
.crew-header .rice {
font-size: 0.78em;
font-size: var(--sammo-font-size-small);
}
.crew-group > header {
grid-template-columns: 7fr 5fr;
}
.crew-group > header button {
font-size: 0.82em;
font-size: var(--sammo-font-size-small);
}
.crew-info {
overflow: hidden;
overflow-wrap: anywhere;
font-size: 0.9em;
font-size: var(--sammo-font-size-small);
}
}
app/game-frontend/src/components/command/ReservedCommandEditor.vue
+9 -4
View File
@@ -832,13 +832,18 @@ const clickOutsideMenu = (event: Event) => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.reserved-command-editor {
position: relative;
width: 100%;
min-width: 0;
color: #fff;
background: #1d1d1d;
font: 14px/1.05 var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/1.05 var(--sammo-font-sans);
}
.reserved-command-editor.picker-open {
z-index: 50;
@@ -850,7 +855,7 @@ const clickOutsideMenu = (event: Event) => {
align-items: center;
justify-content: center;
gap: 5px;
font-size: 16.8px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 400;
}
.identity strong {
@@ -1069,7 +1074,7 @@ const clickOutsideMenu = (event: Event) => {
background: #102c35;
box-shadow: 0 3px 8px #000;
color: #aaffff;
font-size: 0.78rem;
font-size: var(--sammo-font-size-small);
font-weight: 400;
line-height: 1.35;
text-align: left;
@@ -1091,7 +1096,7 @@ const clickOutsideMenu = (event: Event) => {
visibility: visible;
}
.action-column small {
font-size: 0.72em;
font-size: var(--sammo-font-size-small);
line-height: 1;
}
.reserved-command-editor.mobile .action-column > div.autonomous {
app/game-frontend/src/components/directory/DirectoryTooltip.vue
+2 -2
View File
@@ -52,7 +52,7 @@ defineProps<{
box-shadow: 0 3px 12px rgb(0 0 0 / 65%);
color: #f5f5f5;
font-family: var(--sammo-font-sans);
font-size: 12.5px;
font-size: var(--sammo-font-size-small);
font-weight: 400;
line-height: 1.45;
text-align: left;
@@ -66,7 +66,7 @@ defineProps<{
.directory-tooltip__content strong {
margin-bottom: 4px;
color: #7fd4ff;
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
.directory-tooltip--enabled:hover > .directory-tooltip__content,
.directory-tooltip--enabled:focus > .directory-tooltip__content {
app/game-frontend/src/components/directory/GeneralDirectoryTable.vue
+10 -5
View File
@@ -355,12 +355,17 @@ const sortHelp = (header: Header): string =>
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.directory-table {
width: 1000px;
border-collapse: collapse;
table-layout: auto;
padding: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.3;
word-break: break-all;
}
@@ -414,7 +419,7 @@ const sortHelp = (header: Header): string =>
display: grid;
grid-template-columns: 66px repeat(4, minmax(0, 1fr));
color: inherit;
font-size: 12px;
font-size: var(--sammo-font-size-small);
line-height: 1.2;
}
.general-card + .general-card {
@@ -453,7 +458,7 @@ const sortHelp = (header: Header): string =>
min-height: 32px;
flex-direction: row;
gap: 4px;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.name-field,
.nation-field {
@@ -461,11 +466,11 @@ const sortHelp = (header: Header): string =>
}
.field-label {
color: #a8d8bd;
font-size: 10px;
font-size: var(--sammo-font-size-small);
line-height: 1;
}
.identity-field .field-label {
font-size: 11px;
font-size: var(--sammo-font-size-small);
}
.general-card-loading {
min-height: 65px;
app/game-frontend/src/components/main/CommandArgumentForm.vue
+9 -4
View File
@@ -699,6 +699,11 @@ watch(
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.target-search-toggle {
margin: 6px 8px;
}
@@ -714,7 +719,7 @@ watch(
flex: 1 1 140px;
width: 140px;
margin: 0;
font-size: 16px;
font-size: var(--sammo-font-size-emphasis);
}
.target-search small {
flex-basis: 100%;
@@ -725,7 +730,7 @@ watch(
.command-argument-form {
border: 1px solid rgba(201, 164, 90, 0.35);
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.command-map {
@@ -765,7 +770,7 @@ watch(
.status-key {
border-radius: 2px;
padding: 0 4px;
font-size: 10px;
font-size: var(--sammo-font-size-small);
font-weight: 700;
}
@@ -877,7 +882,7 @@ watch(
.target-state {
grid-column: 3;
color: #aee6a7;
font-size: 10px;
font-size: var(--sammo-font-size-small);
text-align: right;
}
app/game-frontend/src/components/main/CommandSelectForm.vue
+9 -4
View File
@@ -174,6 +174,11 @@ const commandTitle = (command: CommandAvailability) =>
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.command-form {
display: flex;
flex-direction: column;
@@ -194,7 +199,7 @@ const commandTitle = (command: CommandAvailability) =>
--legacy-button-color: #fff;
min-height: 0;
padding-inline: 4px;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.category-btn.legacy-button--lumen.active {
@@ -220,7 +225,7 @@ const commandTitle = (command: CommandAvailability) =>
align-items: center;
justify-content: center;
text-align: center;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.command-item.ok {
@@ -251,7 +256,7 @@ const commandTitle = (command: CommandAvailability) =>
.command-duration {
display: block;
font-size: 0.875em;
font-size: var(--sammo-font-size-small);
font-weight: 400;
line-height: 1.1;
white-space: nowrap;
@@ -260,7 +265,7 @@ const commandTitle = (command: CommandAvailability) =>
.command-cost {
display: block;
color: #f3d58b;
font-size: 0.875em;
font-size: var(--sammo-font-size-small);
font-weight: 400;
line-height: 1.1;
overflow-wrap: anywhere;
app/game-frontend/src/components/main/GeneralBasicCard.vue
+2 -2
View File
@@ -465,7 +465,7 @@ const specialText = computed(() => {
background-color: #172a52;
background-image: var(--sammo-texture-blue);
color: #fff;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.general-basic-grid {
@@ -523,7 +523,7 @@ const specialText = computed(() => {
.general-title {
grid-column: 2 / 8;
grid-row: 1;
font-size: 12px;
font-size: var(--sammo-font-size-small);
font-weight: 700;
line-height: 18px;
}
app/game-frontend/src/components/main/GeneralRecordPanels.vue
+1 -1
View File
@@ -75,7 +75,7 @@ const unavailableText: Record<GeneralRecordType, string> = {
color: orange;
background-color: #000;
background-image: var(--sammo-texture-green);
font-size: 1.3em;
font-size: var(--sammo-font-size-title);
font-weight: 500;
}
app/game-frontend/src/components/main/MainAutorunStatus.vue
+1 -1
View File
@@ -48,7 +48,7 @@ const detail = computed(() => (props.autorun ? formatAutorunUserDetail(props.aut
background: #18181b;
box-shadow: 0 4px 12px rgb(0 0 0 / 45%);
color: #f4f4f5;
font-size: 12px;
font-size: var(--sammo-font-size-small);
font-weight: 400;
line-height: 1.4;
opacity: 0;
app/game-frontend/src/components/main/MainFrontStatus.vue
+2 -2
View File
@@ -106,7 +106,7 @@ watch(
background-color: #302016;
background-image: var(--sammo-texture-walnut);
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 400;
line-height: 21px;
}
@@ -169,7 +169,7 @@ watch(
.execution-status > span {
display: block;
white-space: nowrap;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.execution-status:disabled {
opacity: 1;
app/game-frontend/src/components/main/MainMobileBottomBar.vue
+6 -6
View File
@@ -287,7 +287,7 @@ const onAction = (action: NonNullable<MainNavigationLinkItem['action']>) => {
width: 125px;
padding: 6px 4px;
font-family: inherit;
font-size: 16px;
font-size: var(--sammo-font-size-emphasis);
line-height: 1.5;
text-align: center;
cursor: pointer;
@@ -299,13 +299,13 @@ const onAction = (action: NonNullable<MainNavigationLinkItem['action']>) => {
align-items: center;
justify-content: center;
padding: 2px 1px;
font-size: 12px;
font-size: var(--sammo-font-size-small);
line-height: 1.15;
}
.auto-refresh-trigger strong {
color: #bbb;
font-size: 11px;
font-size: var(--sammo-font-size-small);
line-height: 1;
}
@@ -315,7 +315,7 @@ const onAction = (action: NonNullable<MainNavigationLinkItem['action']>) => {
.manual-refresh-trigger {
padding: 0;
font-size: 22px;
font-size: var(--sammo-font-size-title);
line-height: 1;
}
@@ -360,7 +360,7 @@ const onAction = (action: NonNullable<MainNavigationLinkItem['action']>) => {
.bottom-popup li {
break-inside: avoid;
min-width: 125px;
font-size: 16px;
font-size: var(--sammo-font-size-emphasis);
}
.bottom-popup :deep(.main-menu-link),
@@ -373,7 +373,7 @@ const onAction = (action: NonNullable<MainNavigationLinkItem['action']>) => {
justify-content: flex-start;
padding: 5px 16px;
font-family: inherit;
font-size: 16px;
font-size: var(--sammo-font-size-emphasis);
line-height: 1.5;
text-align: left;
text-decoration: none;
app/game-frontend/src/components/main/MainNavigationLink.vue
+1 -1
View File
@@ -94,7 +94,7 @@ const lumenClasses = computed(() =>
background-image: var(--sammo-texture-walnut);
color: #fff;
font-family: inherit;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 400;
line-height: 1.5;
text-align: center;
app/game-frontend/src/components/main/MainTurnControls.vue
+1 -1
View File
@@ -75,7 +75,7 @@ const emit = defineEmits<{
.main-turn-controls__auto strong {
color: #bbb;
font-size: 0.85em;
font-size: var(--sammo-font-size-small);
}
.main-turn-controls__auto.active strong {
app/game-frontend/src/components/main/MapCityBasic.vue
+1 -1
View File
@@ -102,7 +102,7 @@ const { touchstart, touchmove, touchend, touchcancel } = useMapCityTouch(
position: absolute;
box-sizing: border-box;
transform: translate(-50%, -50%);
font-size: 0.65rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.8);
cursor: pointer;
touch-action: manipulation;
app/game-frontend/src/components/main/MapCityDetail.vue
+2 -2
View File
@@ -216,7 +216,7 @@ const cityStateStyle = computed(() => ({
.city-base {
position: absolute;
transform: translate(-50%, -50%);
font-size: 0.65rem;
font-size: var(--sammo-font-size-small);
color: #fff;
cursor: pointer;
touch-action: manipulation;
@@ -296,7 +296,7 @@ const cityStateStyle = computed(() => ({
bottom: -10px;
background: rgba(0, 0, 0, 0.5);
white-space: nowrap;
font-size: 0.6rem;
font-size: var(--sammo-font-size-small);
color: rgba(232, 221, 196, 0.9);
}
app/game-frontend/src/components/main/MapViewer.vue
+6 -6
View File
@@ -816,7 +816,7 @@ const selectCity = (cityId: number) => {
left top,
right top;
background-repeat: no-repeat;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 700;
line-height: 20px;
text-align: center;
@@ -834,7 +834,7 @@ const selectCity = (cityId: number) => {
padding: 5px 8px;
background: #000;
color: #fff;
font-size: 12px;
font-size: var(--sammo-font-size-small);
font-weight: 400;
line-height: 18px;
text-align: left;
@@ -880,7 +880,7 @@ const selectCity = (cityId: number) => {
background: #345c85;
color: #fff;
cursor: pointer;
font-size: 17px;
font-size: var(--sammo-font-size-emphasis);
line-height: 1;
pointer-events: auto;
}
@@ -928,7 +928,7 @@ const selectCity = (cityId: number) => {
padding: 3px 7px;
background: #345c85;
color: #fff;
font-size: 11px;
font-size: var(--sammo-font-size-small);
line-height: 18px;
cursor: pointer;
text-align: left;
@@ -998,7 +998,7 @@ const selectCity = (cityId: number) => {
padding: 0;
background: rgb(30, 164, 255);
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 15px;
white-space: nowrap;
}
@@ -1013,7 +1013,7 @@ const selectCity = (cityId: number) => {
padding: 1px 4px;
background: rgba(5, 27, 43, 0.92);
color: #d9f3ff;
font-size: 10px;
font-size: var(--sammo-font-size-small);
font-weight: 700;
line-height: 14px;
pointer-events: none;
app/game-frontend/src/components/main/MessagePanel.vue
+2 -2
View File
@@ -273,7 +273,7 @@ const forwardResponse = (messageId: number, response: boolean) => {
<style scoped>
.MessagePanel {
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.MessageInputForm {
@@ -375,7 +375,7 @@ const forwardResponse = (messageId: number, response: boolean) => {
border: 1px solid transparent;
border-radius: 3px;
padding: 2px 6px;
font-size: 11.2px;
font-size: var(--sammo-font-size-small);
line-height: 1.5;
cursor: pointer;
}
app/game-frontend/src/components/main/MessagePlate.vue
+4 -4
View File
@@ -329,7 +329,7 @@ onBeforeUnmount(() => {
min-height: 64px;
outline: 1px solid gray;
color: #fff;
font-size: 12.5px;
font-size: var(--sammo-font-size-small);
word-break: break-all;
}
@@ -414,7 +414,7 @@ button.msg-target {
}
.msg-time {
font-size: 0.75em;
font-size: var(--sammo-font-size-small);
font-weight: 400;
}
@@ -429,7 +429,7 @@ button.msg-target {
background: transparent;
padding: 2px 4px;
color: #ffc107;
font-size: 8px;
font-size: var(--sammo-font-size-small);
cursor: pointer;
}
@@ -479,7 +479,7 @@ button.msg-target {
.message-response .legacy-button {
min-width: 42px;
padding: 2px 8px;
font-size: 12.5px;
font-size: var(--sammo-font-size-small);
cursor: pointer;
}
app/game-frontend/src/components/main/RecentLogList.vue
+1 -1
View File
@@ -42,7 +42,7 @@ const formattedLogs = computed(() =>
min-width: 0;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 1.35;
}
app/game-frontend/src/components/main/RecordPanel.vue
+1 -1
View File
@@ -17,7 +17,7 @@ defineProps<{
.record-panel {
min-width: 0;
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 400;
line-height: 21px;
}
app/game-frontend/src/components/main/SelectedCityPanel.vue
+2 -2
View File
@@ -67,7 +67,7 @@ const props = defineProps<{
}
.tag {
font-size: 0.65rem;
font-size: var(--sammo-font-size-small);
padding: 2px 4px;
border: 1px solid rgba(201, 164, 90, 0.4);
}
@@ -76,7 +76,7 @@ const props = defineProps<{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
gap: 4px;
font-size: 0.75rem;
font-size: var(--sammo-font-size-small);
}
.empty {
app/game-frontend/src/components/personnel/PermissionMultiSelect.vue
+2 -2
View File
@@ -203,7 +203,7 @@ onBeforeUnmount(() => document.removeEventListener('pointerdown', handleDocument
border-radius: 2px;
color: #111;
background: #fff;
font-size: 12px;
font-size: var(--sammo-font-size-small);
font-weight: 700;
line-height: 1;
}
@@ -212,7 +212,7 @@ onBeforeUnmount(() => document.removeEventListener('pointerdown', handleDocument
margin: 0;
padding: 6px 8px;
color: #bbb;
font-size: 11px;
font-size: var(--sammo-font-size-small);
}
.permission-multiselect-help {
border-top: 1px solid #454545;
app/game-frontend/src/components/personnel/PersonnelSelectionDialog.vue
+13 -8
View File
@@ -216,6 +216,11 @@ onBeforeUnmount(() => {
</template>
<style scoped>
/* UI 보조 글자는 부모의 80%가 아니라 공통 소형 크기를 사용한다. */
small {
font-size: var(--sammo-font-size-small);
}
.personnel-picker-backdrop {
position: fixed;
z-index: 2050;
@@ -237,7 +242,7 @@ onBeforeUnmount(() => {
border: 1px solid #78653d;
border-radius: 14px;
box-shadow: 0 24px 70px rgb(0 0 0 / 78%);
font: 14px/1.45 var(--sammo-font-sans);
font: var(--sammo-font-size-normal)/1.45 var(--sammo-font-sans);
}
.personnel-picker-header {
display: flex;
@@ -251,13 +256,13 @@ onBeforeUnmount(() => {
.personnel-picker-eyebrow {
margin: 0 0 3px;
color: #cbb171;
font-size: 11px;
font-size: var(--sammo-font-size-small);
font-weight: 700;
letter-spacing: 0.13em;
}
.personnel-picker h2 {
margin: 0;
font-size: 22px;
font-size: var(--sammo-font-size-title);
line-height: 1.25;
}
.personnel-picker-header p:last-child {
@@ -273,7 +278,7 @@ onBeforeUnmount(() => {
padding: 0;
color: #ddd7ca;
background: rgb(0 0 0 / 28%);
font-size: 24px;
font-size: var(--sammo-font-size-title);
line-height: 1;
cursor: pointer;
}
@@ -385,7 +390,7 @@ onBeforeUnmount(() => {
}
.personnel-picker-card-title strong,
.vacancy-card strong {
font-size: 16px;
font-size: var(--sammo-font-size-emphasis);
}
.personnel-picker-card-title small,
.vacancy-card small {
@@ -397,7 +402,7 @@ onBeforeUnmount(() => {
color: #13150f;
background: #d5bb6f;
border-radius: 999px;
font-size: 10px;
font-size: var(--sammo-font-size-small);
font-weight: 800;
}
.personnel-picker-badges {
@@ -412,7 +417,7 @@ onBeforeUnmount(() => {
background: #32352d;
border: 1px solid #555948;
border-radius: 999px;
font-size: 10px;
font-size: var(--sammo-font-size-small);
}
.personnel-picker-stats {
display: grid;
@@ -431,7 +436,7 @@ onBeforeUnmount(() => {
.personnel-picker-stats small,
.personnel-picker-details small {
color: #aaa99f;
font-size: 10px;
font-size: var(--sammo-font-size-small);
}
.personnel-picker-stats strong {
color: #f1d47e;
app/game-frontend/src/components/tournament/TournamentBracket.vue
+5 -5
View File
@@ -418,12 +418,12 @@ const mobilePairs = computed(() => {
left: 50%;
transform: translate(-50%, -50%);
color: #ffd25e;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.tournament-bracket > p {
margin: 8px 0 0;
color: skyblue;
font-size: 18px;
font-size: var(--sammo-font-size-emphasis);
}
@media (max-width: 800px) {
.desktop-bracket {
@@ -434,7 +434,7 @@ const mobilePairs = computed(() => {
}
.tournament-bracket > p {
padding: 0 8px;
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
}
@@ -511,13 +511,13 @@ const mobilePairs = computed(() => {
}
}
.bracket-info-identity :deep(.general-identity-name) {
font-size: 16px;
font-size: var(--sammo-font-size-emphasis);
line-height: 18px;
}
.bracket-info-identity :deep(.general-identity-details) {
display: flex;
flex-direction: column;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
line-height: 18px;
text-align: left;
overflow-wrap: anywhere;
app/game-frontend/src/components/tournament/TournamentGroupCard.vue
+3 -3
View File
@@ -92,7 +92,7 @@ const pointsOf = (participant: StandingParticipant): number => (participant.win
padding: 3px;
background: #000;
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 400;
text-align: center;
}
@@ -129,7 +129,7 @@ const pointsOf = (participant: StandingParticipant): number => (participant.win
min-width: 0;
flex-direction: column;
color: #d8cfca;
font-size: 12px;
font-size: var(--sammo-font-size-small);
font-variant-numeric: tabular-nums;
line-height: 14px;
white-space: nowrap;
@@ -156,7 +156,7 @@ const pointsOf = (participant: StandingParticipant): number => (participant.win
grid-template-columns: 28px minmax(0, 1fr);
}
.standing-summary {
font-size: 12px;
font-size: var(--sammo-font-size-small);
line-height: 15px;
}
}
app/game-frontend/src/components/tournament/TournamentPageHeader.vue
+3 -3
View File
@@ -62,7 +62,7 @@ defineProps<{
.tournament-page-title {
min-width: 0;
overflow: hidden;
font-size: 16px;
font-size: var(--sammo-font-size-emphasis);
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
@@ -76,7 +76,7 @@ defineProps<{
button {
--legacy-button-height: 44px;
margin: 0;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
.tournament-page-tabs button {
min-width: 72px;
@@ -100,7 +100,7 @@ button:focus-visible {
padding-inline: 2px;
}
.tournament-page-title {
font-size: 13px;
font-size: var(--sammo-font-size-small);
}
.tournament-page-actions,
.tournament-page-tabs {
app/game-frontend/src/components/ui/GameFeedbackLayer.vue
+3 -3
View File
@@ -220,7 +220,7 @@ onBeforeUnmount(() => {
.game-feedback-copy strong {
color: #e5c982;
font-size: 0.78rem;
font-size: var(--sammo-font-size-small);
}
.game-feedback-close {
@@ -231,7 +231,7 @@ onBeforeUnmount(() => {
background: transparent;
border: 0;
cursor: pointer;
font-size: 1.25rem;
font-size: var(--sammo-font-size-title);
line-height: 1;
}
@@ -276,7 +276,7 @@ onBeforeUnmount(() => {
.game-dialog-panel h2 {
color: #e5c982;
font-size: 1rem;
font-size: var(--sammo-font-size-emphasis);
}
.game-dialog-panel p {
app/game-frontend/src/components/ui/GameServerConnectionNotice.vue
+1 -1
View File
@@ -30,7 +30,7 @@ const { reconnecting } = useGameServerConnectionRecovery();
border-top: 0;
background: #fff3bf;
color: #3d3100;
font: 13px/1.45 var(--sammo-font-sans);
font: var(--sammo-font-size-small)/1.45 var(--sammo-font-sans);
text-align: center;
box-shadow: 0 2px 6px rgb(0 0 0 / 25%);
}
app/game-frontend/src/components/ui/LegacyGeneralProgress.vue
+1 -1
View File
@@ -102,7 +102,7 @@ const experiencePercent = computed(() =>
max-width: 100%;
overflow: hidden;
border-top: 1px solid #666;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.stat-grid {
app/game-frontend/src/components/ui/LegacyHtmlEditor.vue
+2 -2
View File
@@ -427,7 +427,7 @@ onBeforeUnmount(() => editor.value?.destroy());
}
.legacy-html-editor__image-toolbar span {
padding: 0 4px;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.legacy-html-editor__image-toolbar button {
border: 1px solid transparent;
@@ -453,7 +453,7 @@ onBeforeUnmount(() => editor.value?.destroy());
align-items: center;
gap: 0;
color: inherit;
font-size: 12px;
font-size: var(--sammo-font-size-small);
}
.legacy-html-editor__select select {
min-width: 0;
app/game-frontend/src/components/ui/PanelCard.vue
+3 -3
View File
@@ -49,14 +49,14 @@ withDefaults(defineProps<Props>(), {
.panel-title {
margin: 0;
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
font-weight: 700;
}
.panel-subtitle {
margin: 1px 0 0;
color: #ccc;
font-size: 11px;
font-size: var(--sammo-font-size-small);
}
.panel-actions {
@@ -68,6 +68,6 @@ withDefaults(defineProps<Props>(), {
.panel-body {
padding: 6px;
color: #fff;
font-size: 14px;
font-size: var(--sammo-font-size-normal);
}
</style>
app/game-frontend/src/components/ui/RichTooltip.vue
+2 -2
View File
@@ -112,7 +112,7 @@ watch(
box-shadow: 0 3px 12px rgb(0 0 0 / 65%);
color: #f5f5f5;
font-family: var(--sammo-font-sans);
font-size: 12.5px;
font-size: var(--sammo-font-size-small);
line-height: 1.45;
text-align: left;
}
@@ -147,7 +147,7 @@ watch(
.rich-tooltip-content__title {
margin-bottom: 4px;
color: #7fd4ff;
font-size: 13px;
font-size: var(--sammo-font-size-small);
font-weight: 700;
}
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;
}