docs: Improve example component + Fix sidebar on mobile

This commit is contained in:
venashial
2022-04-16 00:29:35 -07:00
parent 6aaced0c04
commit a48e6f82d1
34 changed files with 323 additions and 282 deletions

View File

@@ -1,4 +1,4 @@
```svelte example
```svelte example raised
<script>
import { Button } from 'omorphia'
import IconHeartSolid from 'virtual:icons/heroicons-solid/heart'

View File

@@ -1,4 +1,4 @@
```svelte example
```svelte example raised
<div class="card">
Some words could go here.

View File

@@ -1,4 +1,4 @@
```svelte example
```svelte example raised
<div class="info-table">
<span class="info-table__label">License</span>
<a href="#mit" class="link">MIT</a>

View File

@@ -1,12 +1,12 @@
### Single example
```svelte example
```svelte example raised
<a class="link" href="#place"> Go somewhere! </a>
```
### Group example
```svelte example
```svelte example raised
<script>
import IconIssues from 'virtual:icons/heroicons-outline/exclamation'
import IconCode from 'virtual:icons/heroicons-outline/code'

View File

@@ -1,4 +1,4 @@
```svelte example
```svelte example raised
<script lang="ts">
import { Avatar } from "omorphia";
</script>

View File

@@ -1,6 +1,6 @@
### Single Example
```svelte example
```svelte example raised
<script>
import IconStar from 'virtual:icons/heroicons-outline/star'
</script>
@@ -13,7 +13,7 @@
### Group Example
```svelte example
```svelte example raised
<script>
import IconDownload from 'virtual:icons/heroicons-outline/download'
import IconHeart from 'virtual:icons/heroicons-outline/heart'

View File

@@ -1,4 +1,4 @@
```svelte example
```svelte example raised
<script>
import IconCarrot from 'virtual:icons/lucide/carrot'
import IconGlobe from 'virtual:icons/heroicons-outline/globe'

View File

@@ -1,4 +1,4 @@
```svelte example
```svelte example raised
<h1 class="title-primary">Tree Mod</h1>
<h2 class="title-secondary">Information</h2>
<h3 class="title-tertiary">Members</h3>