허용운 5 anni fa
parent
commit
2958dd87c2
1 ha cambiato i file con 21 aggiunte e 9 eliminazioni
  1. 21 9
      pages/index.vue

+ 21 - 9
pages/index.vue

@@ -33,7 +33,7 @@
       </div>
     </md-toolbar>
 
-    <md-drawer md-fixed :md-active.sync="showLeftSidepanel">
+    <md-drawer :md-active.sync="showLeftSidepanel" md-fixed>
       <md-toolbar :md-elevation="1">
         <span class="md-title">Personal Feed</span>
       </md-toolbar>
@@ -42,23 +42,35 @@
 
       <md-field>
         <label for="country">Country</label>
-        <md-select @input="changeCountry" :value="country" name="country" id="country">
-          <md-option value="us">United States</md-option>
-          <md-option value="ca">Canada</md-option>
-          <md-option value="kr">Koread</md-option>
-          <md-option value="ru">Russia</md-option>
-          <md-option value="fr">France</md-option>
+        <md-select id="country" @input="changeCountry" :value="country" name="country">
+          <md-option value="us">
+            United States
+          </md-option>
+          <md-option value="ca">
+            Canada
+          </md-option>
+          <md-option value="kr">
+            Koread
+          </md-option>
+          <md-option value="ru">
+            Russia
+          </md-option>
+          <md-option value="fr">
+            France
+          </md-option>
         </md-select>
       </md-field>
     </md-drawer>
 
-    <md-drawer class="md-right" md-fixed :md-active.sync="showRightSidepanel">
+    <md-drawer :md-active.sync="showRightSidepanel" class="md-right" md-fixed>
       <md-toolbar :md-elevation="1">
         <span class="md-title">News Categories</span>
       </md-toolbar>
       <md-progress-bar v-if="loading" md-mode="indeterminate" />
       <md-list>
-        <md-subheader class="md-primary">Categories</md-subheader>
+        <md-subheader class="md-primary">
+          Categories
+        </md-subheader>
         <md-list-item v-for="(newsCategory, i) in newsCategories" :key="i" @click="loadCategory(newsCategory.path)">
           <md-icon :class="newsCategory.path === category ? 'md-primary' : ''">
             {{ newsCategory.icon }}