Skip to content

Commit

Permalink
Snippets: removed fixed width from examples (#1590)
Browse files Browse the repository at this point in the history 
* Snippets: removed fixed width from examples

* Buttons, Templates: reversed changes
  • Loading branch information
@Trochonovitz
Trochonovitz committed Apr 14, 2023
1 parent f3ccfbf commit 55b88ef
Show file tree
Hide file tree
Showing 10 changed files with 372 additions and 435 deletions.
8 changes: 4 additions & 4 deletions site/content/docs/standard/components/cards/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="block max-w-[22rem] rounded-lg bg-white p-6 shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
class="block rounded-lg bg-white p-6 shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
<h5
class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
Card title
Expand Down Expand Up @@ -421,7 +421,7 @@
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="block max-w-[22rem] rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
<a href="#!">
<img
class="rounded-t-lg"
Expand Down Expand Up @@ -528,7 +528,7 @@
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="block max-w-[22rem] rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
<a href="#!" data-te-ripple-init data-te-ripple-color="light">
<img
class="rounded-t-lg"
Expand Down Expand Up @@ -622,7 +622,7 @@
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="block max-w-[22rem] rounded-lg bg-white text-center shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
class="block rounded-lg bg-white text-center shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
<div
class="border-b-2 border-neutral-100 px-6 py-3 dark:border-neutral-600 dark:text-neutral-50">
Featured
Expand Down
24 changes: 12 additions & 12 deletions site/content/docs/standard/forms/datepicker/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
data-te-datepicker-init
data-te-input-wrapper-init>
<input
Expand Down Expand Up @@ -399,7 +399,7 @@
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
data-te-datepicker-init
data-te-inline="true"
data-te-input-wrapper-init>
Expand Down Expand Up @@ -471,7 +471,7 @@
{{< twsnippet/wrapper "HTML,javascript,umd" >}}
<!-- prettier-ignore -->
{{< twsnippet/code active=true lang="HTML" >}}
<div class="relative mb-3 xl:w-96" data-te-datepicker-init>
<div class="relative mb-3" data-te-datepicker-init>
<input
type="text"
class="peer block min-h-[auto] w-full rounded border-0 bg-transparent px-3 py-[0.32rem] leading-[1.6] outline-none transition-all duration-200 ease-linear focus:placeholder:opacity-100 peer-focus:text-primary data-[te-input-state-active]:placeholder:opacity-100 motion-reduce:transition-none dark:text-neutral-200 dark:placeholder:text-neutral-200 dark:peer-focus:text-primary [&:not([data-te-input-placeholder-active])]:placeholder:opacity-0"
Expand Down Expand Up @@ -640,7 +640,7 @@
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
data-te-datepicker-init
data-te-format="dd, mmm, yyyy"
data-te-input-wrapper-init>
Expand Down Expand Up @@ -893,7 +893,7 @@ <h2 class="mb-2 mt-0 text-2xl font-semibold leading-normal">
{{< twsnippet/wrapper "HTML,javascript,umd" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
id="datepicker-with-limits"
data-te-input-wrapper-init>
<input
Expand Down Expand Up @@ -980,7 +980,7 @@ <h2 class="mb-2 mt-0 text-2xl font-semibold leading-normal">
{{< twsnippet/wrapper "HTML,javascript,umd" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
id="datepicker-disable-past"
data-te-input-wrapper-init>
<input
Expand Down Expand Up @@ -1065,7 +1065,7 @@ <h2 class="mb-2 mt-0 text-2xl font-semibold leading-normal">
{{< twsnippet/wrapper "HTML,javascript,umd" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
id="datepicker-disable-future"
data-te-input-wrapper-init>
<input
Expand Down Expand Up @@ -1153,7 +1153,7 @@ <h2 class="mb-2 mt-0 text-2xl font-semibold leading-normal">
{{< twsnippet/wrapper "HTML,javascript,umd" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
id="datepicker-disabled-dates"
data-te-input-wrapper-init>
<input
Expand Down Expand Up @@ -1250,7 +1250,7 @@ <h2 class="mb-2 mt-0 text-2xl font-semibold leading-normal">
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
data-te-datepicker-init
data-te-input-wrapper-init>
<input
Expand Down Expand Up @@ -1337,7 +1337,7 @@ <h2 class="mb-2 mt-0 text-2xl font-semibold leading-normal">
{{< twsnippet/wrapper "HTML,javascript" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
data-te-datepicker-init
data-te-input-wrapper-init>
<input
Expand Down Expand Up @@ -1423,7 +1423,7 @@ <h2 class="mb-2 mt-0 text-2xl font-semibold leading-normal">
{{< twsnippet/wrapper "HTML,javascript,umd" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
id="datepicker-close-without-confirmation"
data-te-input-wrapper-init>
<input
Expand Down Expand Up @@ -1510,7 +1510,7 @@ <h2 class="mb-2 mt-0 text-2xl font-semibold leading-normal">
{{< twsnippet/wrapper "HTML,javascript,umd" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div
class="relative mb-3 xl:w-96"
class="relative mb-3"
id="datepicker-remove-action-buttons"
data-te-input-wrapper-init>
<input
Expand Down
12 changes: 6 additions & 6 deletions site/content/docs/standard/forms/file-input/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@
<div class="pt-4">
{{< twsnippet/wrapper "HTML" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div class="mb-3 w-96">
<div class="mb-3">
<label
for="formFile"
class="mb-2 inline-block text-neutral-700 dark:text-neutral-200"
Expand Down Expand Up @@ -381,7 +381,7 @@
<div class="pt-4">
{{< twsnippet/wrapper "HTML" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div class="mb-3 w-96">
<div class="mb-3">
<label
for="formFileMultiple"
class="mb-2 inline-block text-neutral-700 dark:text-neutral-200"
Expand Down Expand Up @@ -438,7 +438,7 @@
<div class="pt-4">
{{< twsnippet/wrapper "HTML" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div class="mb-3 w-96">
<div class="mb-3">
<label
for="formFileDisabled"
class="mb-2 inline-block text-neutral-700 dark:text-neutral-200"
Expand Down Expand Up @@ -472,7 +472,7 @@
<!-- prettier-ignore -->
{{< twsnippet/demo id="example4">}}
<div class="flex justify-center">
<div class="mb-3 w-96">
<div class="mb-3">
<label
for="formFileSm"
class="mb-2 inline-block text-neutral-700 dark:text-neutral-200"
Expand All @@ -491,7 +491,7 @@
<div class="pt-4">
{{< twsnippet/wrapper "HTML" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div class="mb-3 w-96">
<div class="mb-3">
<label
for="formFileSm"
class="mb-2 inline-block text-neutral-700 dark:text-neutral-200"
Expand Down Expand Up @@ -543,7 +543,7 @@
<div class="pt-4">
{{< twsnippet/wrapper "HTML" >}}
{{< twsnippet/code active=true lang="HTML" >}}
<div class="mb-3 w-96">
<div class="mb-3">
<label
for="formFileLg"
class="mb-2 inline-block text-neutral-700 dark:text-neutral-200"
Expand Down
Loading

0 comments on commit 55b88ef

Please sign in to comment.