Skip to content
Snippets Groups Projects
Commit 6d84a9f9 authored by xaralis's avatar xaralis
Browse files

feat: favicons, logos, disabled button state, modal fixes

parent 457dab65
No related branches found
No related tags found
No related merge requests found
Pipeline #1796 passed
Showing
with 36 additions and 7 deletions
<button class="btn {{ classes }}"> <button class="btn {{ classes }}" {{# disabled }}disabled{{/ disabled }}>
<div class="btn__body {{ bodyClasses }}">{{ cta }}</div> <div class="btn__body {{ bodyClasses }}">{{ cta }}</div>
</button> </button>
<button class="btn btn--icon {{ classes }}"> <button class="btn btn--icon {{ classes }}" {{# disabled }}disabled{{/ disabled }}>
<div class="btn__body-wrap"> <div class="btn__body-wrap">
<div class="btn__body {{ bodyClasses }}">{{ cta }}</div> <div class="btn__body {{ bodyClasses }}">{{ cta }}</div>
<div class="btn__icon {{ iconClasses }}"> <div class="btn__icon {{ iconClasses }}">
......
...@@ -14,6 +14,21 @@ ...@@ -14,6 +14,21 @@
{{> atoms-basic-button(classes: "btn--violet-500") }} {{> atoms-basic-button(classes: "btn--violet-500") }}
{{> atoms-basic-button(classes: "btn--red-600") }} {{> atoms-basic-button(classes: "btn--red-600") }}
</div> </div>
<div class="inline-flex flex-col space-y-2">
{{> atoms-basic-button(classes: "btn--black", disabled: true) }}
{{> atoms-basic-button(classes: "btn--grey-700", disabled: true) }}
{{> atoms-basic-button(classes: "btn--grey-500", disabled: true) }}
{{> atoms-basic-button(classes: "btn--grey-125", disabled: true) }}
{{> atoms-basic-button(classes: "btn--white", disabled: true) }}
{{> atoms-basic-button(classes: "btn--blue-300", disabled: true) }}
{{> atoms-basic-button(classes: "btn--cyan-200", disabled: true) }}
{{> atoms-basic-button(classes: "btn--green-400", disabled: true) }}
{{> atoms-basic-button(classes: "btn--green-300", disabled: true) }}
{{> atoms-basic-button(classes: "btn--orange-300", disabled: true) }}
{{> atoms-basic-button(classes: "btn--violet-400", disabled: true) }}
{{> atoms-basic-button(classes: "btn--violet-500", disabled: true) }}
{{> atoms-basic-button(classes: "btn--red-600", disabled: true) }}
</div>
<div class="inline-flex flex-col space-y-2"> <div class="inline-flex flex-col space-y-2">
{{> atoms-icon-button(classes: "btn--black") }} {{> atoms-icon-button(classes: "btn--black") }}
{{> atoms-icon-button(classes: "btn--grey-700") }} {{> atoms-icon-button(classes: "btn--grey-700") }}
...@@ -29,4 +44,19 @@ ...@@ -29,4 +44,19 @@
{{> atoms-icon-button(classes: "btn--violet-500") }} {{> atoms-icon-button(classes: "btn--violet-500") }}
{{> atoms-icon-button(classes: "btn--red-600") }} {{> atoms-icon-button(classes: "btn--red-600") }}
</div> </div>
<div class="inline-flex flex-col space-y-2">
{{> atoms-icon-button(classes: "btn--black", disabled: true) }}
{{> atoms-icon-button(classes: "btn--grey-700", disabled: true) }}
{{> atoms-icon-button(classes: "btn--grey-500", disabled: true) }}
{{> atoms-icon-button(classes: "btn--grey-125", disabled: true) }}
{{> atoms-icon-button(classes: "btn--white", disabled: true) }}
{{> atoms-icon-button(classes: "btn--blue-300", disabled: true) }}
{{> atoms-icon-button(classes: "btn--cyan-200", disabled: true) }}
{{> atoms-icon-button(classes: "btn--green-400", disabled: true) }}
{{> atoms-icon-button(classes: "btn--green-300", disabled: true) }}
{{> atoms-icon-button(classes: "btn--orange-300", disabled: true) }}
{{> atoms-icon-button(classes: "btn--violet-400", disabled: true) }}
{{> atoms-icon-button(classes: "btn--violet-500", disabled: true) }}
{{> atoms-icon-button(classes: "btn--red-600", disabled: true) }}
</div>
</div> </div>
<div class="modal__overlay hidden toggle-modal-sample-1" id="modal-sample-1"> <div class="modal__overlay hidden toggle-modal-sample-1" id="modal-sample-1">
<div class="modal__content" role="dialog"> <div class="modal__content" role="dialog">
<div class="modal__container w-full max-w-2xl" role="dialog"> <div class="modal__container w-full max-w-2xl" role="dialog">
<div class="modal__container-body"> <div class="modal__container-body elevation-10">
{{> molecules-image-card }} {{> molecules-image-card }}
</div> </div>
</div> </div>
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
</div> </div>
<div class="container-padding--zero lg:container-padding--auto"> <div class="container-padding--zero lg:container-padding--auto">
{{> organisms-event-feed(itemPadding: "px-4 py-2 lg:px-8 lg:py-3") }} {{> organisms-event-feed-with-action-menu(itemPadding: "px-4 py-2 lg:px-8 lg:py-3") }}
</div> </div>
<div class="lg:card__body pt-4 lg:py-6"> <div class="lg:card__body pt-4 lg:py-6">
......
...@@ -4,7 +4,6 @@ ...@@ -4,7 +4,6 @@
py-2 px-3 py-2 px-3
text-xs text-xs
font-bold leading-none tracking-normal font-bold leading-none tracking-normal
cursor-pointer
whitespace-no-wrap; whitespace-no-wrap;
} }
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
top-0 left-0 bottom-0 right-0 top-0 left-0 bottom-0 right-0
z-50 z-50
flex items-center flex-row flex items-center flex-row
bg-white bg-opacity-75 bg-grey-125 bg-opacity-75
cursor-pointer overflow-auto; cursor-pointer overflow-auto;
} }
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
@apply @apply
h-full h-full
p-3 p-3
pointer-events-auto shadow-md; pointer-events-auto;
@screen md { @screen md {
@apply h-auto p-0; @apply h-auto p-0;
......
source/images/favicons/apple-touch-icon-114x114.png

4.14 KiB

source/images/favicons/apple-touch-icon-120x120.png

3.97 KiB

source/images/favicons/apple-touch-icon-144x144.png

6.37 KiB

source/images/favicons/apple-touch-icon-152x152.png

6.84 KiB

source/images/favicons/apple-touch-icon-57x57.png

1.76 KiB

source/images/favicons/apple-touch-icon-60x60.png

1.91 KiB

source/images/favicons/apple-touch-icon-72x72.png

2.57 KiB

source/images/favicons/apple-touch-icon-76x76.png

2.73 KiB

source/images/favicons/favicon-128x128.png

3.32 KiB

source/images/favicons/favicon-16x16.png

438 B

source/images/favicons/favicon-196x196.png

10.2 KiB

source/images/favicons/favicon-32x32.png

883 B

source/images/favicons/favicon-96x96.png

3.15 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment