versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 11:39:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: ♻️ Refactor typography code in notes and profiles
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 1s
Details
Deploy to GitHub Pages / build (push) Failing after 1s
Details
Deploy to GitHub Pages / deploy (push) Has been skipped
Details
Docker / build (push) Failing after 1s
Details
Mirror to Codeberg / Mirror (push) Failing after 0s
Details

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-07-10 05:13:42 +02:00
parent 97733c18ee
commit 53b71afdd5
No known key found for this signature in database
22 changed files with 425 additions and 270 deletions
Download patch file Download diff file Expand all files Collapse all files

25
components/typography/layout/col.vue Normal file
View file

@ -0,0 +1,25 @@
<script setup lang="ts">
import { Primitive, type PrimitiveProps } from "reka-ui";
import type { HTMLAttributes } from "vue";
import { cn } from "~/lib/utils";
interface Props extends PrimitiveProps {
class?: HTMLAttributes["class"];
wrap?: boolean;
centered?: boolean;
}
const props = withDefaults(defineProps<Props>(), {
as: "div",
});
</script>
<template>
<Primitive
:as="as"
:as-child="asChild"
:class="cn('flex flex-col', props.wrap && 'flex-wrap', props.class, props.centered && 'items-center')"
>
<slot />
</Primitive>
</template>

25
components/typography/layout/row.vue Normal file
View file

@ -0,0 +1,25 @@
<script setup lang="ts">
import { Primitive, type PrimitiveProps } from "reka-ui";
import type { HTMLAttributes } from "vue";
import { cn } from "~/lib/utils";
interface Props extends PrimitiveProps {
class?: HTMLAttributes["class"];
wrap?: boolean;
centered?: boolean;
}
const props = withDefaults(defineProps<Props>(), {
as: "div",
});
</script>
<template>
<Primitive
:as="as"
:as-child="asChild"
:class="cn('flex flex-row', props.wrap && 'flex-wrap', props.class, props.centered && 'items-center')"
>
<slot />
</Primitive>
</template>