misc: PageFront 동향 css(wip)

This commit is contained in:
2023-03-09 02:20:22 +09:00
parent 5dabdb2636
commit 7121f86a9c
+39 -22
View File
@@ -182,28 +182,38 @@
</div> </div>
</div> </div>
</div> </div>
<div class="PublicRecord"> <div class="RecordZone row gx-0">
<div class="title">장수 동향</div> <div class="PublicRecord col col-12 col-md-6">
<template v-for="[idx, rawText] of globalRecords.toArray()" :key="idx"> <div class="bg1 center s-border-tb title">장수 동향</div>
<!-- eslint-disable-next-line vue/no-v-html --> <template v-for="[idx, rawText] of globalRecords.toArray()" :key="idx">
<div :v-data-idx="idx" v-html="formatLog(rawText)" /> <!-- eslint-disable-next-line vue/no-v-html -->
</template> <div :v-data-idx="idx" v-html="formatLog(rawText)" />
</template>
</div>
<div class="GeneralLog col col-12 col-md-6">
<div class="bg1 center s-border-tb title">개인 기록</div>
<template v-for="[idx, rawText] of generalRecords.toArray()" :key="idx">
<!-- eslint-disable-next-line vue/no-v-html -->
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
</template>
</div>
<div class="WorldHistory col col-12">
<div class="bg1 center s-border-tb title">중원 정세</div>
<template v-for="[idx, rawText] of worldHistory.toArray()" :key="idx">
<!-- eslint-disable-next-line vue/no-v-html -->
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
</template>
</div>
</div> </div>
<div class="GeneralLog">
<div class="title">개인 기록</div> <div class="commonToolbar">
<template v-for="[idx, rawText] of generalRecords.toArray()" :key="idx"> <GlobalMenu
<!-- eslint-disable-next-line vue/no-v-html --> v-if="globalMenu && globalInfo"
<div :v-data-idx="idx" v-html="formatLog(rawText)" /> :globalInfo="globalInfo"
</template> :modelValue="globalMenu"
variant="sammo-base2"
/>
</div> </div>
<div class="WorldHistory">
<div class="title">중원 정세</div>
<template v-for="[idx, rawText] of worldHistory.toArray()" :key="idx">
<!-- eslint-disable-next-line vue/no-v-html -->
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
</template>
</div>
<div class="commonToolbar">툴바?</div>
<MessagePanel <MessagePanel
v-if="generalInfo" v-if="generalInfo"
:generalID="generalInfo.no" :generalID="generalInfo.no"
@@ -472,7 +482,7 @@ const frontInfo = ref<GetFrontInfoResponse>();
const globalInfo = ref<GetFrontInfoResponse["global"]>({} as GetFrontInfoResponse["global"]); const globalInfo = ref<GetFrontInfoResponse["global"]>({} as GetFrontInfoResponse["global"]);
const generalInfo = ref<GetFrontInfoResponse["general"]>(); const generalInfo = ref<GetFrontInfoResponse["general"]>();
const nationStaticInfo = ref<NationStaticItem>(); const nationStaticInfo = ref<NationStaticItem>();
const nationInfo = ref<GetFrontInfoResponse['nation']>(); const nationInfo = ref<GetFrontInfoResponse["nation"]>();
const generalCnt = ref(new Map<number, number>()); const generalCnt = ref(new Map<number, number>());
const createdUserCnt = ref(0); const createdUserCnt = ref(0);
const createdNPCCnt = ref(0); const createdNPCCnt = ref(0);
@@ -590,6 +600,11 @@ watch(refreshCounter, async () => {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@scss/common/break_500px.scss"; @import "@scss/common/break_500px.scss";
:deep(.hidden_but_copyable) {
color: rgba(0, 0, 0, 0);
font-size: 0;
}
#mobileBottomBar { #mobileBottomBar {
display: none; display: none;
} }
@@ -618,7 +633,9 @@ watch(refreshCounter, async () => {
} }
} }
.subVoteState, .subAuctionState, .subTournamentState { .subVoteState,
.subAuctionState,
.subTournamentState {
a { a {
text-decoration: gray underline; text-decoration: gray underline;
} }