Skip to content

Commit 4df3486

Browse files
rstoenescurstoenescu
committed
refactor(quasar): rounded-borders class, improve QSplitter CSS
1 parent b092774 commit 4df3486

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

66 files changed

+95
-84
lines changed

‎docs/src/components/page-parts/color-palette/BrandColors.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<div
44
v-for="color in brandColors"
55
:key="color"
6-
class="brand-color shadow-1 text-center row inline flex-center text-white generic-border-radius"
6+
class="brand-color shadow-1 text-center row inline flex-center text-white rounded-borders"
77
:class="`bg-${color}`"
88
>
99
<div class="col">{{ color }}</div>

‎docs/src/components/page-parts/layout/ViewPlay.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div>
33

4-
<div class="q-mt-lg q-mb-sm generic-border-radius overflow-hidden shadow-2">
4+
<div class="q-mt-lg q-mb-sm rounded-borders overflow-hidden shadow-2">
55
<div class="row">
66
<div class="col-3 q-pa-md flex flex-center" :class="topL === 'h' ? 'bg-primary text-white' : 'bg-orange text-grey-9'">
77
<q-option-group
@@ -96,7 +96,7 @@
9696
</div>
9797

9898
<div class="flex flex-center">
99-
<div class="q-pa-sm bg-grey-4 generic-border-radius">
99+
<div class="q-pa-sm bg-grey-4 rounded-borders">
100100
View: <q-badge :label="view" />
101101
</div>
102102
</div>

‎docs/src/components/page-parts/layout/ViewProp.vue‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -6,27 +6,27 @@
66
</div>
77

88
<div class="col-3">
9-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">l/h</div>
9+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">l/h</div>
1010
</div>
1111
<div class="col-3">
12-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">h/H</div>
12+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">h/H</div>
1313
</div>
1414
<div class="col-3">
15-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">r/h</div>
15+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">r/h</div>
1616
</div>
1717
</div>
1818

1919
<div class="q-pb-xs row no-wrap items-center q-col-gutter-xs">
2020
<div class="col-3" />
2121

2222
<div class="col-3">
23-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">l/L</div>
23+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">l/L</div>
2424
</div>
2525
<div class="col-3">
26-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">p</div>
26+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">p</div>
2727
</div>
2828
<div class="col-3">
29-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">r/R</div>
29+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">r/R</div>
3030
</div>
3131
</div>
3232

@@ -36,13 +36,13 @@
3636
</div>
3737

3838
<div class="col-3">
39-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">l/f</div>
39+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">l/f</div>
4040
</div>
4141
<div class="col-3">
42-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">f/F</div>
42+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">f/F</div>
4343
</div>
4444
<div class="col-3">
45-
<div class="q-pa-sm bg-primary text-white flex flex-center generic-border-radius">r/f</div>
45+
<div class="q-pa-sm bg-primary text-white flex flex-center rounded-borders">r/f</div>
4646
</div>
4747
</div>
4848

‎docs/src/components/page-parts/theming/ThemeBuilder.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
q-color(v-model="colors[color]")
2020

2121
.col(:class="$q.screen.gt.xs ? 'q-pl-md' : ''")
22-
.relative-position.fit.generic-border-radius.shadow-2.bg-white.overflow-hidden
22+
.relative-position.fit.rounded-borders.shadow-2.bg-white.overflow-hidden
2323
div(:class="`bg-primary text-${dark.primary === true ? 'white' : 'black'} shadow-2`")
2424
q-bar(dense, :dark="dark.primary")
2525
q-space

‎docs/src/css/app.styl‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ body
1212
background lighten($primary, 85%)
1313
color $dark-primary
1414
font-family inherit
15-
border-radius $generic-border-radius
15+
border-radius $rounded-borders
1616
padding 1px 5px
1717
margin 0
1818

@@ -22,7 +22,7 @@ blockquote .doc-token
2222

2323
.doc-note
2424
background-color $grey-3
25-
border-radius $generic-border-radius
25+
border-radius $rounded-borders
2626
margin 16px 0
2727
padding 16px 24px
2828
font-size 1em

‎docs/src/css/prism-theme.styl‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131

3232
&--prerendered
3333
border-left 3px solid $primary
34-
border-radius $generic-border-radius
34+
border-radius $rounded-borders
3535

3636
.token.comment,
3737
.token.block-comment,

‎docs/src/examples/QBar/Header.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<div class="q-pa-md">
3-
<q-layout view="lHh lpr lFf" container style="height: 400px" class="shadow-2 generic-border-radius">
3+
<q-layout view="lHh lpr lFf" container style="height: 400px" class="shadow-2 rounded-borders">
44
<q-header elevated>
55
<q-bar>
66
<q-icon name="laptop_chromebook" />

‎docs/src/examples/QCarousel/Basic.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
transition-next="slide-left"
77
animated
88
control-color="primary"
9-
class="generic-border-radius"
9+
class="rounded-borders"
1010
>
1111
<q-carousel-slide name="style" class="column no-wrap flex-center">
1212
<q-icon name="style" color="primary" size="56px" />

‎docs/src/examples/QCarousel/Transitions.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
padding
1212
arrows
1313
height="200px"
14-
class="bg-primary text-white shadow-1 generic-border-radius"
14+
class="bg-primary text-white shadow-1 rounded-borders"
1515
>
1616
<q-carousel-slide name="style" class="column no-wrap flex-center">
1717
<q-icon name="style" size="56px" />
@@ -53,7 +53,7 @@
5353
padding
5454
arrows
5555
height="200px"
56-
class="bg-purple text-white shadow-1 generic-border-radius"
56+
class="bg-purple text-white shadow-1 rounded-borders"
5757
>
5858
<q-carousel-slide name="style" class="column no-wrap flex-center">
5959
<q-icon name="style" size="56px" />

‎docs/src/examples/QDialog/VariousContent.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
navigation
1717
padding
1818
height="200px"
19-
class="bg-white shadow-1 generic-border-radius"
19+
class="bg-white shadow-1 rounded-borders"
2020
>
2121
<q-carousel-slide :name="1" class="column no-wrap flex-center">
2222
<q-icon name="style" color="primary" size="56px" />

0 commit comments

Comments
 (0)