diff --git a/library-css/card.scss b/library-css/card.scss index 5bcc979..bab77a4 100644 --- a/library-css/card.scss +++ b/library-css/card.scss @@ -8,17 +8,20 @@ opacity: 0.2; } -.uk-card .uk-button.action { +.uk-card .uk-button.action, .uk-card .uk-icon-button.action { background: #FFFFFF; box-shadow: 0 3px 6px #00000029; - border-radius: 40px; font-family: "Roboto", sans-serif; border: none; color: #4D4D4D; text-transform: none; - padding: 10px 20px; line-height: 20px; font-size: 12px; +} + +.uk-card .uk-button.action { + border-radius: 40px; + padding: 10px 20px; width: 100%; } @@ -26,10 +29,10 @@ width: auto; } -.uk-card .uk-button.action:disabled { +.uk-card .uk-button.action:disabled, .uk-card .uk-icon-button.action:disabled { opacity: 0.5; } -.uk-card .uk-button.action:hover:not(:disabled) { +.uk-card .uk-button.action:hover:not(:disabled), .uk-card .uk-icon-button.action:hover:not(:disabled) { box-shadow: 0 3px 6px rgba(71, 135, 230, 0.5); } diff --git a/library-css/input.scss b/library-css/input.scss index 99a53b4..104cffd 100644 --- a/library-css/input.scss +++ b/library-css/input.scss @@ -19,6 +19,7 @@ background-color: transparent !important; color: currentColor; font-size: 14px; + line-height: 31px; } .input-box .uk-input:not(.uk-form-danger), diff --git a/library-css/modal.scss b/library-css/modal.scss index 2a6f509..1ad8c55 100644 --- a/library-css/modal.scss +++ b/library-css/modal.scss @@ -19,7 +19,7 @@ background-color: white; border-radius: 4px; max-height: calc(100vh - 30px); - width: 1100px; + width: 1120px; box-shadow: 0 3px 6px #0000001a; height: fit-content; position: relative; @@ -27,23 +27,23 @@ .fs-modal .fs-modal-dialog > .header { height: 39px; - padding: 20px 30px; - border-bottom: 1px solid rgba(26, 26, 26, 0.2); + padding: 30px 40px; + border-bottom: 1px solid rgba(var(--theme-secondary-color-rgb), 0.4); } .fs-modal .fs-modal-dialog > .content { - max-height: calc(100vh - 210px); - padding: 15px; + max-height: calc(100vh - 280px); + padding: 30px 40px; overflow: auto; } .fs-modal .fs-modal-dialog > .content.hasFooter { - max-height: calc(100vh - 270px); + max-height: calc(100vh - 340px); } .fs-modal .fs-modal-dialog > .footer { height: 39px; - padding: 10px 15px; + padding: 30px 40px; border-top: 1px solid rgba(26, 26, 26, 0.2); }