eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix width of card (#416)

Browse Source
This commit is contained in:
Adrian O.V
2023-08-03 00:36:43 -04:00
committed by GitHub
parent 87449f91c3
commit 69645eafd0
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
theseus_gui/src/components/RowDisplay.vue
View File

@@ -205,7 +205,7 @@ const calculateCardsPerRow = () => {
const containerWidthInRem = const containerWidthInRem =
containerWidth / parseFloat(getComputedStyle(document.documentElement).fontSize) containerWidth / parseFloat(getComputedStyle(document.documentElement).fontSize)
maxInstancesPerRow.value = Math.floor((containerWidthInRem + 1) / 11) maxInstancesPerRow.value = Math.floor((containerWidthInRem + 1) / 11)
maxProjectsPerRow.value = Math.floor((containerWidthInRem + 1) / 17) maxProjectsPerRow.value = Math.floor((containerWidthInRem + 1) / 19)
} }
onMounted(() => { onMounted(() => {
@@ -335,7 +335,7 @@ onUnmounted(() => {
.projects { .projects {
display: grid; display: grid;
width: 100%; width: 100%;
grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
grid-gap: 1rem; grid-gap: 1rem;
.item { .item {