fix(start-from): styles

uploadcare · Nov 30, 2023 · 5f3b779 · 5f3b779
1 parent 70eeedd
commit 5f3b779
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/blocks/Copyright/copyright.css b/blocks/Copyright/copyright.css
@@ -1,3 +1,8 @@
+lr-copyright {
+  display: flex;
+  align-items: flex-end;
+}
+
 lr-copyright .credits {
   padding: 0 var(--gap-mid) var(--gap-mid) calc(var(--gap-mid) * 1.5);
   color: var(--clr-txt-lightest);

diff --git a/blocks/StartFrom/start-from.css b/blocks/StartFrom/start-from.css
@@ -7,7 +7,7 @@ lr-start-from .content {
   grid-auto-flow: row;
   gap: var(--gap-max);
   width: 100%;
-  height: max-content;
+  height: 100%;
   padding: var(--gap-max);
   overflow-y: auto;
   background-color: var(--clr-background-light);

diff --git a/solutions/file-uploader/inline/index.css b/solutions/file-uploader/inline/index.css
@@ -28,6 +28,7 @@ lr-activity-header .close-btn {
 @container (min-width: 500px) {
   lr-start-from .content {
     grid-template-columns: 1fr max-content;
+    height: 100%;
   }
 
   lr-start-from lr-copyright {

diff --git a/solutions/file-uploader/minimal/index.css b/solutions/file-uploader/minimal/index.css
@@ -48,13 +48,13 @@
   display: block;
 }
 
-lr-start-from {
+lr-start-from .content {
   display: flex;
   flex-direction: column;
   gap: var(--gap-min);
   padding: 0;
   overflow: hidden;
-  text-align: center;
+  align-items: center;
   background-color: transparent;
 }