mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-23 00:06:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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
No known key found for this signature in database
GPG key ID: DBD997E935996158
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;