mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
15 lines
4.2 KiB
JavaScript
15 lines
4.2 KiB
JavaScript
import{_ as e}from"./plugin-vue_export-helper-DlAUqK2U.js";import{c as n,a,o as i}from"./app-BnOEODOX.js";const l={};function t(d,s){return i(),n("div",null,s[0]||(s[0]=[a(`<div class="language- line-numbers-mode" data-highlighter="shiki" data-ext="" data-title="" style="--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34;"><pre class="shiki shiki-themes one-light one-dark-pro vp-code"><code><span class="line"><span><ds-container></span></span>
|
|
<span class="line"><span> <ds-placeholder>I am contained</ds-placeholder></span></span>
|
|
<span class="line"><span></ds-container></span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="container-widths" tabindex="-1"><a class="header-anchor" href="#container-widths"><span>Container widths</span></a></h2><p>Use smaller maximum width for content that doesn't need the full size (ex. Login Form / Registration Form).</p><div class="language- line-numbers-mode" data-highlighter="shiki" data-ext="" data-title="" style="--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34;"><pre class="shiki shiki-themes one-light one-dark-pro vp-code"><code><span class="line"><span><ds-container width="x-small"></span></span>
|
|
<span class="line"><span> <ds-placeholder>My max-width is x-small</ds-placeholder></span></span>
|
|
<span class="line"><span></ds-container></span></span>
|
|
<span class="line"><span><ds-container width="small"></span></span>
|
|
<span class="line"><span> <ds-placeholder>My max-width is small</ds-placeholder></span></span>
|
|
<span class="line"><span></ds-container></span></span>
|
|
<span class="line"><span><ds-container width="medium"></span></span>
|
|
<span class="line"><span> <ds-placeholder>My max-width is medium</ds-placeholder></span></span>
|
|
<span class="line"><span></ds-container></span></span>
|
|
<span class="line"><span><ds-container width="large"></span></span>
|
|
<span class="line"><span> <ds-placeholder>My max-width is large</ds-placeholder></span></span>
|
|
<span class="line"><span></ds-container></span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,4)]))}const p=e(l,[["render",t],["__file","demo.html.vue"]]),o=JSON.parse('{"path":"/styleguide/src/system/components/layout/Container/demo.html","title":"","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"Container widths","slug":"container-widths","link":"#container-widths","children":[]}],"git":{"createdTime":1765361042000,"updatedTime":1765361042000,"contributors":[{"name":"dependabot[bot]","email":"49699333+dependabot[bot]@users.noreply.github.com","commits":1}]},"readingTime":{"minutes":0.32,"words":95},"filePathRelative":"styleguide/src/system/components/layout/Container/demo.md","localizedDate":"December 10, 2025","excerpt":"<div class=\\"language- line-numbers-mode\\" data-highlighter=\\"shiki\\" data-ext=\\"\\" data-title=\\"\\" style=\\"--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34\\"><pre class=\\"shiki shiki-themes one-light one-dark-pro vp-code\\"><code><span class=\\"line\\"><span><ds-container></span></span>\\n<span class=\\"line\\"><span> <ds-placeholder>I am contained</ds-placeholder></span></span>\\n<span class=\\"line\\"><span></ds-container></span></span></code></pre>\\n<div class=\\"line-numbers\\" aria-hidden=\\"true\\" style=\\"counter-reset:line-number 0\\"><div class=\\"line-number\\"></div><div class=\\"line-number\\"></div><div class=\\"line-number\\"></div></div></div>"}');export{p as comp,o as data};
|