Skip to content

Commit ff4de8c

Browse files
committed
Apply the color as on the figma design
1 parent 396974d commit ff4de8c

1 file changed

Lines changed: 51 additions & 47 deletions

File tree

src/components/Pages/TermsOfUse/Upcoming.vue

Lines changed: 51 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -9,55 +9,59 @@
99
text
1010
color="info"
1111
>
12-
<div class="text-h6 mb-3 blue--text text--darken-2">
13-
What changed from <a class=""><u>previous version</u></a></div>
14-
<p>The Terms of Use were revised to ensure compliance with the European Union’s
15-
Digital Services Act (DSA) and to improve transparency about how Wikibase Cloud operates.</p>
16-
<v-expand-transition>
17-
<div v-if="show || !isMobile">
18-
<div>
19-
<div>Key updates:</div>
20-
<ul>
21-
<li>
22-
We have clarified when and how user accounts or individual instances
23-
may be suspended or terminated.
24-
</li>
25-
<li>
26-
The new version explains more clearly how decisions are made.
27-
</li>
28-
<li>
29-
The responsibilities of instance managers and contributors are
30-
described in more detail.
31-
</li>
32-
<li>
33-
The Terms now explicitly reference applicable GDPR requirements.
34-
</li>
35-
<li>
36-
The document has been reorganized and clarified.
37-
</li>
38-
</ul>
39-
</div>
12+
<div class="light-blue--text text--darken-4">
13+
<div class="text-h6 mb-3">What changed from
14+
<router-link class="text-decoration-none light-blue--text text--darken-4" to="/terms-of-use">
15+
previous version</router-link>
4016
</div>
41-
</v-expand-transition>
42-
43-
<div v-if="isMobile" class="mt-2 d-flex justify-space-between">
44-
<v-btn
45-
text
46-
class="blue--text text-darken-2"
47-
variant="text"
48-
size="small"
49-
@click="show = !show"
50-
>
51-
{{ show ? 'See less' : 'See more' }}
52-
</v-btn>
53-
<v-btn
54-
class="pa-2 mt-auto d-flex justify-end"
55-
icon
56-
@click="show = !show"
57-
>
58-
<v-icon>{{ show ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>
59-
</v-btn>
17+
<p>The Terms of Use were revised to ensure compliance with the European Union’s
18+
Digital Services Act (DSA) and to improve transparency about how Wikibase Cloud operates.</p>
19+
<v-expand-transition>
20+
<div v-if="show || !isMobile">
21+
<div>
22+
<div>Key updates:</div>
23+
<ul>
24+
<li>
25+
We have clarified when and how user accounts or individual instances
26+
may be suspended or terminated.
27+
</li>
28+
<li>
29+
The new version explains more clearly how decisions are made.
30+
</li>
31+
<li>
32+
The responsibilities of instance managers and contributors are
33+
described in more detail.
34+
</li>
35+
<li>
36+
The Terms now explicitly reference applicable GDPR requirements.
37+
</li>
38+
<li>
39+
The document has been reorganized and clarified.
40+
</li>
41+
</ul>
42+
</div>
43+
</div>
44+
</v-expand-transition>
6045
</div>
46+
47+
<div v-if="isMobile" class="mt-2 d-flex justify-space-between">
48+
<v-btn
49+
text
50+
class="light-blue--text text-darken-2"
51+
variant="text"
52+
size="small"
53+
@click="show = !show"
54+
>
55+
{{ show ? 'See less' : 'See more' }}
56+
</v-btn>
57+
<v-btn
58+
class="pa-2 mt-auto d-flex justify-end"
59+
icon
60+
@click="show = !show"
61+
>
62+
<v-icon>{{ show ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>
63+
</v-btn>
64+
</div>
6165
</v-alert> <h2>1. Definitions</h2>
6266
<p>In addition to terms defined elsewhere in this
6367
Agreement, the following terms have the following meanings:</p>

0 commit comments

Comments
 (0)