Logo v2 (#9460)

* feat: upgrade logo references * feat(docs): use logotype into app bar
quasarframework · May 28, 2021 · 5eafeba · 5eafeba
1 parent f5830c2
commit 5eafeba
Show file tree

Hide file tree

Showing 81 changed files with 124 additions and 119 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-![Quasar Framework logo](https://cdn.quasar.dev/logo/svg/quasar-logo-full-inline.svg)
+![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)
 
 # Quasar Framework
 

diff --git a/app/README.md b/app/README.md
@@ -1,4 +1,4 @@
-![Quasar Framework logo](https://cdn.quasar.dev/logo/svg/quasar-logo-full-inline.svg)
+![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)
 
 # Quasar Framework App CLI (Local)
 

diff --git a/babel-preset-app/README.md b/babel-preset-app/README.md
@@ -1,4 +1,4 @@
-![Quasar Framework logo](https://cdn.quasar.dev/logo/svg/quasar-logo-full-inline.svg)
+![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)
 
 # Quasar Framework CLI Babel Preset
 

diff --git a/cli/README.md b/cli/README.md
@@ -1,4 +1,4 @@
-![Quasar Framework logo](https://cdn.quasar.dev/logo/svg/quasar-logo-full-inline.svg)
+![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)
 
 # Quasar Framework CLI (Global)
 

diff --git a/docs/README.md b/docs/README.md
@@ -1,4 +1,4 @@
-![Quasar Framework logo](https://cdn.quasar.dev/logo/svg/quasar-logo-full-inline.svg)
+![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)
 
 ## Quasar Framework Documentation
 

diff --git a/docs/quasar.conf.js b/docs/quasar.conf.js
@@ -155,39 +155,39 @@ module.exports = function (ctx) {
         theme_color: '#027be3',
         icons: [
           {
-            src: 'https://cdn.quasar.dev/app-icons/icon-128x128.png',
+            src: 'https://cdn.quasar.dev/logo-v2/favicon/icon-128x128.png',
             sizes: '128x128',
             type: 'image/png'
           },
           {
-            src: 'https://cdn.quasar.dev/app-icons/icon-192x192.png',
+            src: 'https://cdn.quasar.dev/logo-v2/favicon/icon-192x192.png',
             sizes: '192x192',
             type: 'image/png'
           },
           {
-            src: 'https://cdn.quasar.dev/app-icons/icon-256x256.png',
+            src: 'https://cdn.quasar.dev/logo-v2/favicon/icon-256x256.png',
             sizes: '256x256',
             type: 'image/png'
           },
           {
-            src: 'https://cdn.quasar.dev/app-icons/icon-384x384.png',
+            src: 'https://cdn.quasar.dev/logo-v2/favicon/icon-384x384.png',
             sizes: '384x384',
             type: 'image/png'
           },
           {
-            src: 'https://cdn.quasar.dev/app-icons/icon-512x512.png',
+            src: 'https://cdn.quasar.dev/logo-v2/favicon/icon-512x512.png',
             sizes: '512x512',
             type: 'image/png'
           }
         ]
       },
       metaVariables: {
-        appleTouchIcon120: 'https://cdn.quasar.dev/app-icons/apple-icon-120x120.png',
-        appleTouchIcon180: 'https://cdn.quasar.dev/app-icons/apple-icon-180x180.png',
-        appleTouchIcon152: 'https://cdn.quasar.dev/app-icons/apple-icon-152x152.png',
-        appleTouchIcon167: 'https://cdn.quasar.dev/app-icons/apple-icon-167x167.png',
-        appleSafariPinnedTab: 'https://cdn.quasar.dev/app-icons/safari-pinned-tab.svg',
-        msapplicationTileImage: 'https://cdn.quasar.dev/app-icons/ms-icon-144x144.png'
+        appleTouchIcon120: 'https://cdn.quasar.dev/logo-v2/favicon/apple-icon-120x120.png',
+        appleTouchIcon180: 'https://cdn.quasar.dev/logo-v2/favicon/apple-icon-180x180.png',
+        appleTouchIcon152: 'https://cdn.quasar.dev/logo-v2/favicon/apple-icon-152x152.png',
+        appleTouchIcon167: 'https://cdn.quasar.dev/logo-v2/favicon/apple-icon-167x167.png',
+        appleSafariPinnedTab: 'https://cdn.quasar.dev/logo-v2/favicon/safari-pinned-tab.svg',
+        msapplicationTileImage: 'https://cdn.quasar.dev/logo-v2/favicon/ms-icon-144x144.png'
       }
     },
 

diff --git a/docs/src/examples/QAvatar/Integrated.vue b/docs/src/examples/QAvatar/Integrated.vue
@@ -16,17 +16,17 @@
     <div class="q-gutter-x-sm">
       <q-btn round>
         <q-avatar size="28px">
-          <img src="https://cdn.quasar.dev/app-icons/icon-128x128.png" />
+          <img src="https://cdn.quasar.dev/logo-v2/128/logo.png" />
         </q-avatar>
       </q-btn>
       <q-btn round>
         <q-avatar size="32px">
-          <img src="https://cdn.quasar.dev/app-icons/icon-128x128.png" />
+          <img src="https://cdn.quasar.dev/logo-v2/128/logo.png" />
         </q-avatar>
       </q-btn>
       <q-btn round>
         <q-avatar size="40px">
-          <img src="https://cdn.quasar.dev/app-icons/icon-128x128.png" />
+          <img src="https://cdn.quasar.dev/logo-v2/128/logo.png" />
         </q-avatar>
       </q-btn>
     </div>

diff --git a/docs/src/examples/QCircularProgress/ShowValue.vue b/docs/src/examples/QCircularProgress/ShowValue.vue
@@ -59,7 +59,7 @@
       track-color="grey-3"
     >
       <q-avatar size="60px">
-        <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+        <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
       </q-avatar>
     </q-circular-progress>
   </div>

diff --git a/docs/src/examples/QDialog/Style.vue b/docs/src/examples/QDialog/Style.vue
@@ -73,7 +73,7 @@
       <q-card>
         <q-toolbar>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
 
           <q-toolbar-title><span class="text-weight-bold">Quasar</span> Framework</q-toolbar-title>

diff --git a/docs/src/examples/QField/Borderless.vue b/docs/src/examples/QField/Borderless.vue
@@ -4,7 +4,7 @@
       <q-toolbar class="bg-primary text-white rounded-borders">
         <q-btn round dense flat icon="menu" class="q-mr-xs" />
         <q-avatar class="gt-xs">
-          <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+          <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
         </q-avatar>
 
         <q-space />

diff --git a/docs/src/examples/QField/Coloring.vue b/docs/src/examples/QField/Coloring.vue
@@ -40,7 +40,7 @@
       <q-field color="teal" outlined label="Label" stack-label>
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
         <template v-slot:control>

diff --git a/docs/src/examples/QField/CustomLabel.vue b/docs/src/examples/QField/CustomLabel.vue
@@ -23,7 +23,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
 

diff --git a/docs/src/examples/QField/Dark.vue b/docs/src/examples/QField/Dark.vue
@@ -33,7 +33,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-field>

diff --git a/docs/src/examples/QField/DesignFilled.vue b/docs/src/examples/QField/DesignFilled.vue
@@ -38,7 +38,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-field>

diff --git a/docs/src/examples/QField/DesignOutlined.vue b/docs/src/examples/QField/DesignOutlined.vue
@@ -38,7 +38,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-field>

diff --git a/docs/src/examples/QField/DesignStandard.vue b/docs/src/examples/QField/DesignStandard.vue
@@ -32,7 +32,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-field>

diff --git a/docs/src/examples/QField/DesignStandout.vue b/docs/src/examples/QField/DesignStandout.vue
@@ -44,7 +44,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-field>

diff --git a/docs/src/examples/QField/PrefixSuffix.vue b/docs/src/examples/QField/PrefixSuffix.vue
@@ -18,7 +18,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-field>

diff --git a/docs/src/examples/QField/Rounded.vue b/docs/src/examples/QField/Rounded.vue
@@ -18,7 +18,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-field>

diff --git a/docs/src/examples/QField/SquareBorders.vue b/docs/src/examples/QField/SquareBorders.vue
@@ -18,7 +18,7 @@
 
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-field>

diff --git a/docs/src/examples/QField/StandoutToolbar.vue b/docs/src/examples/QField/StandoutToolbar.vue
@@ -4,7 +4,7 @@
       <q-toolbar class="bg-primary text-white rounded-borders">
         <q-btn round dense flat icon="menu" class="q-mr-xs" />
         <q-avatar class="gt-xs">
-          <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+          <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
         </q-avatar>
 
         <q-space />

diff --git a/docs/src/examples/QFile/Coloring.vue b/docs/src/examples/QFile/Coloring.vue
@@ -28,7 +28,7 @@
       <q-file color="teal" outlined v-model="model" label="Label">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-file>

diff --git a/docs/src/examples/QFile/Decorators.vue b/docs/src/examples/QFile/Decorators.vue
@@ -12,7 +12,7 @@
       <q-file standout v-model="model">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-file>

diff --git a/docs/src/examples/QHeader/Basic.vue b/docs/src/examples/QHeader/Basic.vue
@@ -5,7 +5,7 @@
         <q-toolbar>
           <q-btn flat round dense icon="menu" class="q-mr-sm" />
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
 
           <q-toolbar-title>Quasar Framework</q-toolbar-title>

diff --git a/docs/src/examples/QHeader/Glossy.vue b/docs/src/examples/QHeader/Glossy.vue
@@ -5,7 +5,7 @@
         <q-toolbar class="glossy">
           <q-btn flat round dense icon="menu" class="q-mr-sm" />
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
 
           <q-toolbar-title>Quasar Framework</q-toolbar-title>

diff --git a/docs/src/examples/QHeader/LookingIOS.vue b/docs/src/examples/QHeader/LookingIOS.vue
@@ -5,7 +5,7 @@
         <q-toolbar>
           <q-toolbar-title class="text-center">
             <q-avatar>
-              <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+              <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
             </q-avatar>
             Quasar Framework
           </q-toolbar-title>

diff --git a/docs/src/examples/QHeader/Reveal.vue b/docs/src/examples/QHeader/Reveal.vue
@@ -5,7 +5,7 @@
         <q-toolbar>
           <q-btn flat round dense icon="menu" class="q-mr-sm" />
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
 
           <q-toolbar-title>Quasar Framework</q-toolbar-title>

diff --git a/docs/src/examples/QHeader/Tabs.vue b/docs/src/examples/QHeader/Tabs.vue
@@ -5,7 +5,7 @@
         <q-toolbar>
           <q-btn flat round dense icon="menu" class="q-mr-sm" />
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
 
           <q-toolbar-title>Quasar Framework</q-toolbar-title>

diff --git a/docs/src/examples/QInput/Borderless.vue b/docs/src/examples/QInput/Borderless.vue
@@ -4,7 +4,7 @@
       <q-toolbar class="bg-primary text-white rounded-borders">
         <q-btn round dense flat icon="menu" class="q-mr-xs" />
         <q-avatar class="gt-xs">
-          <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+          <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
         </q-avatar>
 
         <q-space />

diff --git a/docs/src/examples/QInput/Coloring.vue b/docs/src/examples/QInput/Coloring.vue
@@ -28,7 +28,7 @@
       <q-input color="teal" outlined v-model="text" label="Label">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/CustomLabel.vue b/docs/src/examples/QInput/CustomLabel.vue
@@ -15,7 +15,7 @@
       <q-input outlined v-model="number" prefix="$" label-slot clearable>
         <template v-slot:prepend>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
 

diff --git a/docs/src/examples/QInput/Dark.vue b/docs/src/examples/QInput/Dark.vue
@@ -21,7 +21,7 @@
       <q-input dark outlined v-model="text" :readonly="readonly" :disable="disable">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/DesignFilled.vue b/docs/src/examples/QInput/DesignFilled.vue
@@ -24,7 +24,7 @@
       <q-input filled v-model="text" :dense="dense">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/DesignOutlined.vue b/docs/src/examples/QInput/DesignOutlined.vue
@@ -24,7 +24,7 @@
       <q-input outlined v-model="text" :dense="dense">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/DesignStandard.vue b/docs/src/examples/QInput/DesignStandard.vue
@@ -22,7 +22,7 @@
       <q-input v-model="text" :dense="dense">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/DesignStandout.vue b/docs/src/examples/QInput/DesignStandout.vue
@@ -26,7 +26,7 @@
       <q-input standout v-model="text" :dense="dense">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/PrefixSuffix.vue b/docs/src/examples/QInput/PrefixSuffix.vue
@@ -10,7 +10,7 @@
       <q-input outlined v-model="number" type="number" prefix="$">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/Rounded.vue b/docs/src/examples/QInput/Rounded.vue
@@ -10,7 +10,7 @@
       <q-input rounded outlined v-model="text">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/SquareBorders.vue b/docs/src/examples/QInput/SquareBorders.vue
@@ -10,7 +10,7 @@
       <q-input square outlined v-model="text">
         <template v-slot:append>
           <q-avatar>
-            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+            <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
           </q-avatar>
         </template>
       </q-input>

diff --git a/docs/src/examples/QInput/StandoutToolbar.vue b/docs/src/examples/QInput/StandoutToolbar.vue
@@ -4,7 +4,7 @@
       <q-toolbar class="bg-primary text-white rounded-borders">
         <q-btn round dense flat icon="menu" class="q-mr-xs" />
         <q-avatar class="gt-xs">
-          <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
+          <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
         </q-avatar>
 
         <q-space />