diff options
Diffstat (limited to 'packages/frontend/src/components/page')
5 files changed, 16 insertions, 22 deletions
diff --git a/packages/frontend/src/components/page/page.button.vue b/packages/frontend/src/components/page/page.button.vue index 83931021d8..8e89023fd7 100644 --- a/packages/frontend/src/components/page/page.button.vue +++ b/packages/frontend/src/components/page/page.button.vue @@ -1,6 +1,6 @@ <template> <div> - <MkButton class="kudkigyw" :primary="block.primary" @click="click()">{{ hpml.interpolate(block.text) }}</MkButton> + <MkButton :class="$style.button" :primary="block.primary" @click="click()">{{ hpml.interpolate(block.text) }}</MkButton> </div> </template> @@ -56,8 +56,8 @@ export default defineComponent({ }); </script> -<style lang="scss" scoped> -.kudkigyw { +<style lang="scss" module> +.button { display: inline-block; min-width: 200px; max-width: 450px; diff --git a/packages/frontend/src/components/page/page.counter.vue b/packages/frontend/src/components/page/page.counter.vue index 63fde6a120..3f282a2e51 100644 --- a/packages/frontend/src/components/page/page.counter.vue +++ b/packages/frontend/src/components/page/page.counter.vue @@ -1,6 +1,6 @@ <template> <div> - <MkButton class="llumlmnx" @click="click()">{{ hpml.interpolate(block.text) }}</MkButton> + <MkButton :class="$style.button" @click="click()">{{ hpml.interpolate(block.text) }}</MkButton> </div> </template> @@ -41,8 +41,8 @@ export default defineComponent({ }); </script> -<style lang="scss" scoped> -.llumlmnx { +<style lang="scss" module> +.button { display: inline-block; min-width: 300px; max-width: 450px; diff --git a/packages/frontend/src/components/page/page.note.vue b/packages/frontend/src/components/page/page.note.vue index 8c65dabf08..7c620184d7 100644 --- a/packages/frontend/src/components/page/page.note.vue +++ b/packages/frontend/src/components/page/page.note.vue @@ -1,5 +1,5 @@ <template> -<div class="voxdxuby"> +<div style="margin: 1em 0;"> <MkNote v-if="note && !block.detailed" :key="note.id + ':normal'" v-model:note="note"/> <MkNoteDetailed v-if="note && block.detailed" :key="note.id + ':detail'" v-model:note="note"/> </div> @@ -28,9 +28,9 @@ export default defineComponent({ onMounted(() => { os.api('notes/show', { noteId: props.block.note }) - .then(result => { - note.value = result; - }); + .then(result => { + note.value = result; + }); }); return { @@ -39,9 +39,3 @@ export default defineComponent({ }, }); </script> - -<style lang="scss" scoped> -.voxdxuby { - margin: 1em 0; -} -</style> diff --git a/packages/frontend/src/components/page/page.number-input.vue b/packages/frontend/src/components/page/page.number-input.vue index 72c1b6deb0..9cac3b4f0d 100644 --- a/packages/frontend/src/components/page/page.number-input.vue +++ b/packages/frontend/src/components/page/page.number-input.vue @@ -1,6 +1,6 @@ <template> <div> - <MkInput class="kudkigyw" :model-value="value" type="number" @update:model-value="updateValue($event)"> + <MkInput :class="$style.input" :model-value="value" type="number" @update:model-value="updateValue($event)"> <template #label>{{ hpml.interpolate(block.text) }}</template> </MkInput> </div> @@ -44,8 +44,8 @@ export default defineComponent({ }); </script> -<style lang="scss" scoped> -.kudkigyw { +<style lang="scss" module> +.input { display: inline-block; min-width: 300px; max-width: 450px; diff --git a/packages/frontend/src/components/page/page.text-input.vue b/packages/frontend/src/components/page/page.text-input.vue index d020a99de8..1df45fefed 100644 --- a/packages/frontend/src/components/page/page.text-input.vue +++ b/packages/frontend/src/components/page/page.text-input.vue @@ -1,6 +1,6 @@ <template> <div> - <MkInput class="kudkigyw" :model-value="value" type="text" @update:model-value="updateValue($event)"> + <MkInput :class="$style.input" :model-value="value" type="text" @update:model-value="updateValue($event)"> <template #label>{{ hpml.interpolate(block.text) }}</template> </MkInput> </div> @@ -44,8 +44,8 @@ export default defineComponent({ }); </script> -<style lang="scss" scoped> -.kudkigyw { +<style lang="scss" module> +.input { display: inline-block; min-width: 300px; max-width: 450px; |