Skip to content

Commit 2634a38

Browse files
abelsiqueiraabelsiqueira
authored
Merge pull request #606 from citation-file-format/responsive
2 parents c2a8cef + 6911f6c commit 2634a38

13 files changed

+79
-105
lines changed

‎src/components/LayoutStepper.vue‎

Lines changed: 26 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,34 @@
11
<template>
2-
<div class="scale-container">
2+
<q-layout view="hHh lpR fFf">
33
<div id="app">
4-
<span class="spacer" />
5-
<div id="header-outer">
6-
<div id="header-inner">
7-
<Header />
8-
</div>
9-
</div>
10-
<div id="middle">
11-
<router-view />
12-
<div id="preview">
13-
<div id="preview-content">
14-
<Preview />
15-
</div>
4+
<q-header id="header-inner">
5+
<Header />
6+
</q-header>
7+
<q-page-container>
8+
<q-page
9+
id="middle"
10+
class="row"
11+
>
12+
<router-view />
13+
<div
14+
id="preview"
15+
class="col-12 col-md-4 col-sm-3"
16+
>
17+
<div id="preview-content">
18+
<Preview />
19+
</div>
1620

17-
<div id="preview-button-bar">
18-
<DownloadButton v-if="isNotFinish" />
21+
<div id="preview-button-bar">
22+
<DownloadButton v-if="isNotFinish" />
23+
</div>
1924
</div>
20-
</div>
21-
</div>
22-
<div id="footer-outer">
23-
<div id="footer-inner">
24-
<Footer />
25-
</div>
26-
</div>
27-
<span class="spacer" />
25+
</q-page>
26+
</q-page-container>
27+
<q-footer id="footer-inner">
28+
<Footer />
29+
</q-footer>
2830
</div>
29-
</div>
31+
</q-layout>
3032
</template>
3133

3234
<script lang="ts">

‎src/components/ScreenAbstract.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
2+
<Stepper />
53

6-
<div id="form">
4+
<div
5+
id="form"
6+
class="col-12 col-lg-5 col-md-4 col-sm-3"
7+
>
78
<div id="form-title">
89
<h1 class="page-title">
910
Abstract

‎src/components/ScreenAuthors.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
5-
<div id="form">
2+
<Stepper />
3+
<div
4+
id="form"
5+
class="col-12 col-lg-5 col-md-4 col-sm-3"
6+
>
67
<div id="form-title">
78
<h1 class="page-title">
89
Authors

‎src/components/ScreenFinishAdvanced.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
5-
<div id="form">
2+
<Stepper />
3+
<div
4+
id="form"
5+
class="col-12 col-md-6 col-sm-7"
6+
>
67
<div id="form-title">
78
<h1
89
class="finish-title"

‎src/components/ScreenFinishMinimum.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
5-
<div id="form">
2+
<Stepper />
3+
<div
4+
id="form"
5+
class="col-12 col-md-6 col-sm-7"
6+
>
67
<div id="form-title">
78
<h1
89
class="finish-title"

‎src/components/ScreenIdentifiers.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
5-
<div id="form">
2+
<Stepper />
3+
<div
4+
id="form"
5+
class="col-12 col-md-6 col-sm-7"
6+
>
67
<div id="form-title">
78
<h1 class="page-title">
89
Identifiers

‎src/components/ScreenKeywords.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
5-
<div id="form">
2+
<Stepper />
3+
<div
4+
id="form"
5+
class="col-12 col-md-6 col-sm-7"
6+
>
67
<div id="form-title">
78
<h1 class="page-title">
89
Keywords

‎src/components/ScreenLicense.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
5-
<div id="form">
2+
<Stepper />
3+
<div
4+
id="form"
5+
class="col-12 col-md-6 col-sm-7"
6+
>
67
<div id="form-title">
78
<h1 class="page-title">
89
License

‎src/components/ScreenRelatedResources.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
5-
<div id="form">
2+
<Stepper />
3+
<div
4+
id="form"
5+
class="col-12 col-md-6 col-sm-7"
6+
>
67
<div id="form-title">
78
<h1 class="page-title">
89
Related resources

‎src/components/ScreenStart.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
<template>
2-
<div id="metroline">
3-
<Stepper />
4-
</div>
2+
<Stepper />
53

6-
<div id="form">
4+
<div
5+
id="form"
6+
class="col-12 col-md-6 col-sm-7"
7+
>
78
<div id="form-title">
89
<h1 class="page-title">
910
Start

0 commit comments

Comments
 (0)