Skip to content

Commit b2c2ef3

Browse files
committed
card row polish
1 parent d13abc1 commit b2c2ef3

File tree

7 files changed

+11
-7
lines changed

7 files changed

+11
-7
lines changed

docs/assets/index-CBNGUzjQ.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/assets/index-m1aH_zN7.js docs/assets/index-TRO0uQn4.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/assets/index-V4RZFuPu.css

-1
This file was deleted.

docs/index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<link rel="icon" href="/favicon.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>RoboCon - Robot Framework Conference</title>
8-
<script type="module" crossorigin src="/assets/index-m1aH_zN7.js"></script>
9-
<link rel="stylesheet" crossorigin href="/assets/index-V4RZFuPu.css">
8+
<script type="module" crossorigin src="/assets/index-TRO0uQn4.js"></script>
9+
<link rel="stylesheet" crossorigin href="/assets/index-CBNGUzjQ.css">
1010
</head>
1111
<body>
1212
<div id="app"></div>

src/components/CardItem.vue

+1
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ const props = defineProps({
3434
h1 {
3535
font-size: 1.25rem;
3636
margin-bottom: 1.25rem;
37+
letter-spacing: -0.125rem;
3738
}
3839
:deep(ul) {
3940
padding-left: 0;

src/components/SectionRow.vue

+5-2
Original file line numberDiff line numberDiff line change
@@ -24,10 +24,13 @@ const components = renderEntryList(props.content)
2424
display: flex;
2525
flex-wrap: nowrap;
2626
overflow-x: auto;
27-
column-gap: 1rem;
27+
column-gap: 0.75rem;
28+
scroll-snap-type: x mandatory;
2829
}
2930
.item-column {
30-
flex: 0 0 calc(100% / 3);
31+
flex: 0 0 calc(100% / 3.3);
32+
scroll-snap-align: start;
33+
scroll-margin-inline: 1rem;
3134
}
3235
@media screen and (max-width: 1024px) {
3336
.item-column {

src/content/renderContent.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export const renderNodes = () => {
1414
return h(PageSection, { content: node.data.target })
1515
}
1616
if (type === 'row') {
17-
return h(SectionRow, { content: node.data.target.fields.content, class: 'p-large' })
17+
return h(SectionRow, { content: node.data.target.fields.content, class: 'm-large pb-small' })
1818
}
1919
if (type === 'expandableContent') {
2020
return h('details', {}, [

0 commit comments

Comments
 (0)