a/it-tools
1
0
Fork 0
mirror of https://github.com/Art051/it-tools.git synced 2025-08-11 19:29:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(responsive): row layout for multicards on big screens

Browse Source
This commit is contained in:
Corentin Thomasset
2022-04-24 23:09:12 +02:00
parent 84cf1bb964
commit e21230bbd9
8 changed files with 136 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/layouts/tool.layout.vue
View File

@@ -33,20 +33,36 @@ useHead(head);
{{ route.meta.description }}
</div>
</div>
</div>
<div class="tool-content">
<slot />
</div>
</base-layout>
</template>
<style lang="less" scoped>
.tool-content {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 16px;
::v-deep(& > *) {
flex: 0 1 600px;
}
}
.tool-layout {
max-width: 700px;
max-width: 600px;
margin: 0 auto;
box-sizing: border-box;
.tool-header {
padding: 40px 0;
width: 100%;
.n-h1 {
opacity: 0.9;