chore: formatting

This commit is contained in:
ThatOneCalculator 2023-05-22 17:00:50 -07:00
parent 2a0b1e1ef4
commit 5f27c462bb
5 changed files with 38 additions and 22 deletions

View file

@ -1,6 +1,6 @@
{
"name": "calckey",
"version": "14.0.0-dev17",
"version": "14.0.0-dev18",
"codename": "aqua",
"repository": {
"type": "git",

View file

@ -9,7 +9,9 @@ export function nyaize(text: string): string {
.replace(/(?<=n)a/gi, (x) => (x === "A" ? "YA" : "ya"))
.replace(/(?<=morn)ing/gi, (x) => (x === "ING" ? "YAN" : "yan"))
.replace(/(?<=every)one/gi, (x) => (x === "ONE" ? "NYAN" : "nyan"))
.replace(/non(?=[bcdfghjklmnpqrstvwxyz])/gi, (x) => (x === "NON" ? "NYAN" : "nyan"))
.replace(/non(?=[bcdfghjklmnpqrstvwxyz])/gi, (x) =>
x === "NON" ? "NYAN" : "nyan",
)
// ko-KR
.replace(/[나-낳]/g, (match) =>
String.fromCharCode(

View file

@ -301,8 +301,12 @@ const props = withDefaults(
}
@keyframes mfm-fade {
0% { opacity: 0; }
100% { opacity: 1; }
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>

View file

@ -69,7 +69,12 @@
</div>
</div>
<template v-if="metadata">
<nav ref="tabsEl" v-if="hasTabs" class="tabs" :class="{collapse: hasTabs && tabs.length > 3}">
<nav
ref="tabsEl"
v-if="hasTabs"
class="tabs"
:class="{ collapse: hasTabs && tabs.length > 3 }"
>
<button
v-for="tab in tabs"
:ref="(el) => (tabRefs[tab.key] = el)"
@ -300,14 +305,15 @@ onUnmounted(() => {
box-sizing: border-box;
overflow: hidden;
@media (max-width: 500px) {
padding-inline: 12p
padding-inline: 12p;
}
@media (max-width: 700px) {
> .left {
min-width: unset !important;
max-width: 40%;
}
> .left, > .right {
> .left,
> .right {
flex: unset !important;
}
&:not(.tabs) {
@ -342,7 +348,7 @@ onUnmounted(() => {
position: absolute;
inset: 0;
background: var(--bg);
opacity: .85;
opacity: 0.85;
z-index: -2;
}
@ -472,8 +478,8 @@ onUnmounted(() => {
}
}
> .left, > .right {
> .left,
> .right {
flex-basis: 100%;
flex-shrink: 9999;
overflow: hidden;
@ -534,7 +540,7 @@ onUnmounted(() => {
font-weight: normal;
opacity: 0.7;
overflow: hidden;
transition: color 0.2s, opacity 0.2s, width 0.2s, min-width .2s;
transition: color 0.2s, opacity 0.2s, width 0.2s, min-width 0.2s;
--width: max-content;
&:hover {

View file

@ -358,8 +358,10 @@
<div class="content">
<p>{{ i18n.ts._mfm.fadeDescription }}</p>
<div class="preview">
<Mfm :text="preview_fade"/>
<MkTextarea v-model="preview_fade"><span>MFM</span></MkTextarea>
<Mfm :text="preview_fade" />
<MkTextarea v-model="preview_fade"
><span>MFM</span></MkTextarea
>
</div>
</div>
</div>
@ -416,8 +418,10 @@
<div class="content">
<p>{{ i18n.ts._mfm.plainDescription }}</p>
<div class="preview">
<Mfm :text="preview_plain"/>
<MkTextarea v-model="preview_plain"><span>MFM</span></MkTextarea>
<Mfm :text="preview_plain" />
<MkTextarea v-model="preview_plain"
><span>MFM</span></MkTextarea
>
</div>
</div>
</div>
@ -487,7 +491,7 @@ let preview_bg = $ref("$[bg.color=ff0000 Background color]");
let preview_plain = $ref(
"<plain>**bold** @mention #hashtag `code` $[x2 🍮]</plain>"
);
let preview_fade = $ref('$[fade 🍮] $[fade.out 🍮] $[fade.speed=5s 🍮]');
let preview_fade = $ref("$[fade 🍮] $[fade.out 🍮] $[fade.speed=5s 🍮]");
definePageMetadata({
title: i18n.ts._mfm.cheatSheet,