Skip to content

Commit 24fcacb

Browse files
committed
simplify bottom bar examples
1 parent 495c583 commit 24fcacb

File tree

1 file changed

+0
-124
lines changed

1 file changed

+0
-124
lines changed

docs/src/pages/components/BottomBar.vue

Lines changed: 0 additions & 124 deletions
Original file line numberDiff line numberDiff line change
@@ -75,30 +75,6 @@
7575
<md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>
7676
</md-bottom-bar>
7777
</div>
78-
79-
<div class="phone-viewport">
80-
<md-bottom-bar class="md-accent">
81-
<md-bottom-bar-item href="#/components/bottom-bar" md-icon="history">Recents</md-bottom-bar-item>
82-
<md-bottom-bar-item href="#/components/bottom-bar" md-icon="favorite" md-active>Favorites</md-bottom-bar-item>
83-
<md-bottom-bar-item href="#/components/bottom-bar" md-icon="near_me">Nearby</md-bottom-bar-item>
84-
</md-bottom-bar>
85-
</div>
86-
87-
<div class="phone-viewport">
88-
<md-bottom-bar class="md-warn">
89-
<md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>
90-
<md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>
91-
<md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>
92-
</md-bottom-bar>
93-
</div>
94-
95-
<div class="phone-viewport">
96-
<md-bottom-bar class="md-transparent">
97-
<md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>
98-
<md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>
99-
<md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>
100-
</md-bottom-bar>
101-
</div>
10278
</div>
10379

10480
<div slot="code">
@@ -108,24 +84,6 @@
10884
&lt;md-bottom-bar-item md-icon=&quot;favorite&quot; md-active&gt;Favorites&lt;/md-bottom-bar-item&gt;
10985
&lt;md-bottom-bar-item md-icon=&quot;near_me&quot;&gt;Nearby&lt;/md-bottom-bar-item&gt;
11086
&lt;/md-bottom-bar&gt;
111-
112-
&lt;md-bottom-bar class=&quot;md-accent&quot;&gt;
113-
&lt;md-bottom-bar-item md-icon=&quot;history&quot;&gt;Recents&lt;/md-bottom-bar-item&gt;
114-
&lt;md-bottom-bar-item md-icon=&quot;favorite&quot; md-active&gt;Favorites&lt;/md-bottom-bar-item&gt;
115-
&lt;md-bottom-bar-item md-icon=&quot;near_me&quot;&gt;Nearby&lt;/md-bottom-bar-item&gt;
116-
&lt;/md-bottom-bar&gt;
117-
118-
&lt;md-bottom-bar class=&quot;md-warn&quot;&gt;
119-
&lt;md-bottom-bar-item md-icon=&quot;history&quot;&gt;Recents&lt;/md-bottom-bar-item&gt;
120-
&lt;md-bottom-bar-item md-icon=&quot;favorite&quot; md-active&gt;Favorites&lt;/md-bottom-bar-item&gt;
121-
&lt;md-bottom-bar-item md-icon=&quot;near_me&quot;&gt;Nearby&lt;/md-bottom-bar-item&gt;
122-
&lt;/md-bottom-bar&gt;
123-
124-
&lt;md-bottom-bar class=&quot;md-transparent&quot;&gt;
125-
&lt;md-bottom-bar-item md-icon=&quot;history&quot;&gt;Recents&lt;/md-bottom-bar-item&gt;
126-
&lt;md-bottom-bar-item md-icon=&quot;favorite&quot; md-active&gt;Favorites&lt;/md-bottom-bar-item&gt;
127-
&lt;md-bottom-bar-item md-icon=&quot;near_me&quot;&gt;Nearby&lt;/md-bottom-bar-item&gt;
128-
&lt;/md-bottom-bar&gt;
12987
</code-block>
13088
</div>
13189
</example-box>
@@ -140,33 +98,6 @@
14098
<md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>
14199
</md-bottom-bar>
142100
</div>
143-
144-
<div class="phone-viewport">
145-
<md-bottom-bar class="md-accent" md-shift>
146-
<md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>
147-
<md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>
148-
<md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>
149-
<md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>
150-
</md-bottom-bar>
151-
</div>
152-
153-
<div class="phone-viewport">
154-
<md-bottom-bar class="md-warn" md-shift>
155-
<md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>
156-
<md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>
157-
<md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>
158-
<md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>
159-
</md-bottom-bar>
160-
</div>
161-
162-
<div class="phone-viewport">
163-
<md-bottom-bar class="md-transparent" md-shift>
164-
<md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>
165-
<md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>
166-
<md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>
167-
<md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>
168-
</md-bottom-bar>
169-
</div>
170101
</div>
171102

172103
<div slot="code">
@@ -177,41 +108,12 @@
177108
&lt;md-bottom-bar-item md-icon=&quot;books&quot; md-active&gt;Books&lt;/md-bottom-bar-item&gt;
178109
&lt;md-bottom-bar-item md-icon=&quot;photo&quot;&gt;Pictures&lt;/md-bottom-bar-item&gt;
179110
&lt;/md-bottom-bar&gt;
180-
181-
&lt;md-bottom-bar class=&quot;md-accent&quot; md-shift&gt;
182-
&lt;md-bottom-bar-item md-icon=&quot;ondemand_video&quot;&gt;Movies&lt;/md-bottom-bar-item&gt;
183-
&lt;md-bottom-bar-item md-icon=&quot;music_note&quot;&gt;Music&lt;/md-bottom-bar-item&gt;
184-
&lt;md-bottom-bar-item md-icon=&quot;books&quot; md-active&gt;Books&lt;/md-bottom-bar-item&gt;
185-
&lt;md-bottom-bar-item md-icon=&quot;photo&quot;&gt;Pictures&lt;/md-bottom-bar-item&gt;
186-
&lt;/md-bottom-bar&gt;
187-
188-
&lt;md-bottom-bar class=&quot;md-warn&quot; md-shift&gt;
189-
&lt;md-bottom-bar-item md-icon=&quot;ondemand_video&quot;&gt;Movies&lt;/md-bottom-bar-item&gt;
190-
&lt;md-bottom-bar-item md-icon=&quot;music_note&quot;&gt;Music&lt;/md-bottom-bar-item&gt;
191-
&lt;md-bottom-bar-item md-icon=&quot;books&quot; md-active&gt;Books&lt;/md-bottom-bar-item&gt;
192-
&lt;md-bottom-bar-item md-icon=&quot;photo&quot;&gt;Pictures&lt;/md-bottom-bar-item&gt;
193-
&lt;/md-bottom-bar&gt;
194-
195-
&lt;md-bottom-bar class=&quot;md-transparent&quot; md-shift&gt;
196-
&lt;md-bottom-bar-item md-icon=&quot;ondemand_video&quot;&gt;Movies&lt;/md-bottom-bar-item&gt;
197-
&lt;md-bottom-bar-item md-icon=&quot;music_note&quot;&gt;Music&lt;/md-bottom-bar-item&gt;
198-
&lt;md-bottom-bar-item md-icon=&quot;books&quot; md-active&gt;Books&lt;/md-bottom-bar-item&gt;
199-
&lt;md-bottom-bar-item md-icon=&quot;photo&quot;&gt;Pictures&lt;/md-bottom-bar-item&gt;
200-
&lt;/md-bottom-bar&gt;
201111
</code-block>
202112
</div>
203113
</example-box>
204114

205115
<example-box card-title="Themes">
206116
<div slot="demo">
207-
<div class="phone-viewport">
208-
<md-bottom-bar md-theme="orange">
209-
<md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>
210-
<md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>
211-
<md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>
212-
</md-bottom-bar>
213-
</div>
214-
215117
<div class="phone-viewport">
216118
<md-bottom-bar md-theme="teal">
217119
<md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>
@@ -220,15 +122,6 @@
220122
</md-bottom-bar>
221123
</div>
222124

223-
<div class="phone-viewport">
224-
<md-bottom-bar md-shift md-theme="green">
225-
<md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>
226-
<md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>
227-
<md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>
228-
<md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>
229-
</md-bottom-bar>
230-
</div>
231-
232125
<div class="phone-viewport">
233126
<md-bottom-bar md-shift md-theme="indigo">
234127
<md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>
@@ -241,14 +134,6 @@
241134

242135
<div slot="code">
243136
<code-block lang="xml">
244-
&lt;div class=&quot;phone-viewport&quot;&gt;
245-
&lt;md-bottom-bar md-theme=&quot;orange&quot;&gt;
246-
&lt;md-bottom-bar-item md-icon=&quot;history&quot;&gt;Recents&lt;/md-bottom-bar-item&gt;
247-
&lt;md-bottom-bar-item md-icon=&quot;favorite&quot; md-active&gt;Favorites&lt;/md-bottom-bar-item&gt;
248-
&lt;md-bottom-bar-item md-icon=&quot;near_me&quot;&gt;Nearby&lt;/md-bottom-bar-item&gt;
249-
&lt;/md-bottom-bar&gt;
250-
&lt;/div&gt;
251-
252137
&lt;div class=&quot;phone-viewport&quot;&gt;
253138
&lt;md-bottom-bar md-theme=&quot;teal&quot;&gt;
254139
&lt;md-bottom-bar-item md-icon=&quot;history&quot;&gt;Recents&lt;/md-bottom-bar-item&gt;
@@ -257,15 +142,6 @@
257142
&lt;/md-bottom-bar&gt;
258143
&lt;/div&gt;
259144

260-
&lt;div class=&quot;phone-viewport&quot;&gt;
261-
&lt;md-bottom-bar md-shift md-theme=&quot;green&quot;&gt;
262-
&lt;md-bottom-bar-item md-icon=&quot;ondemand_video&quot;&gt;Movies&lt;/md-bottom-bar-item&gt;
263-
&lt;md-bottom-bar-item md-icon=&quot;music_note&quot;&gt;Music&lt;/md-bottom-bar-item&gt;
264-
&lt;md-bottom-bar-item md-icon=&quot;books&quot; md-active&gt;Books&lt;/md-bottom-bar-item&gt;
265-
&lt;md-bottom-bar-item md-icon=&quot;photo&quot;&gt;Pictures&lt;/md-bottom-bar-item&gt;
266-
&lt;/md-bottom-bar&gt;
267-
&lt;/div&gt;
268-
269145
&lt;div class=&quot;phone-viewport&quot;&gt;
270146
&lt;md-bottom-bar md-shift md-theme=&quot;indigo&quot;&gt;
271147
&lt;md-bottom-bar-item md-icon=&quot;ondemand_video&quot;&gt;Movies&lt;/md-bottom-bar-item&gt;

0 commit comments

Comments
 (0)