diff --git a/src/assets/scss/custom.scss b/src/assets/scss/custom.scss index ca99c8d623f5b1fdab0c5fdbb8141798de667267..b289d457f918196c553b901604f255db9bc296c9 100644 --- a/src/assets/scss/custom.scss +++ b/src/assets/scss/custom.scss @@ -1,18 +1,6 @@ // Override default variables before the import $nav-pills-link-active-color: black; - -//* bootstrap 5's grid. To use, import the following line in the .module.scss */ -// @import "assets/scss/bootstrap5/bootstrap-grid"; -$grid-breakpoints: ( - xs: 0, - sm: 576px, - md: 768px, - lg: 992px, - xl: 1200px, - xxl: 2000px -); - //Bootstrap 5 scss from: https://github.com/twbs/bootstrap/tree/main/scss @import "bootstrap5/functions"; @import "bootstrap5/variables"; diff --git a/src/components/atoms/FileCard/style.module.scss b/src/components/atoms/FileCard/style.module.scss index 260936171ab7c2d500eeaf603df3112cab9351ef..dcc378f9d01ac3039374d1d1b077500fe09084b5 100644 --- a/src/components/atoms/FileCard/style.module.scss +++ b/src/components/atoms/FileCard/style.module.scss @@ -24,7 +24,7 @@ .fileCard :global(.card-footer) { border-radius: 0.5rem !important; - background: $white; + background: transparent; border-width: 0rem; padding: 0.5rem; padding-top: 0; @@ -48,7 +48,7 @@ border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; - max-height: 70%; + height: 120px; object-fit: cover; } @@ -56,4 +56,10 @@ scrollbar-width: thin; scrollbar-color: $white $white; margin-top: 0.625rem; +} + +@media (max-width: 576px) { + .fileCard :global(.card-img-top) { + height: 100px; + } } \ No newline at end of file diff --git a/src/components/molecules/CurrentDirectoryRow/index.tsx b/src/components/molecules/CurrentDirectoryRow/index.tsx index 7f8dd9c5cd48aed7e9c62e1f91bfe8b87033460a..f8aa19995458412f18405acdd8fbea172b225440 100644 --- a/src/components/molecules/CurrentDirectoryRow/index.tsx +++ b/src/components/molecules/CurrentDirectoryRow/index.tsx @@ -25,7 +25,7 @@ const CurrentDirectoryRow: React.FC<{ select: SelectionProps }> = ({ <Col xs={6} sm={6} - md={6} + md={4} lg={4} xl={3} key={id}