update: icon path (#771)

* update: icon path

* update icon path

.electron-vue/webpack.renderer.config.js

@@ -98,7 +98,7 @@ const rendererConfig = {
             loader: 'svg-sprite-loader',
             options: {
               extract: true,
-              publicPath: '/static/'
+              publicPath: './static/'
             }
           },
           'svgo-loader'

src/muya/lib/assets/styles/index.css

@@ -290,6 +290,8 @@ figure {
 }
 
 .ag-tool-bar ul li svg {
+  width: 100%;
+  height: 100%;
   will-change: transform;
   transition: transform .2s ease-in-out;
 }

src/muya/lib/parser/render/renderBlock/renderLeafBlock.js

@@ -181,7 +181,7 @@ export default function renderLeafBlock (block, cursor, activeBlocks, matches, u
     children = [
       h('use', {
         attrs: {
-          'xlink:href': `.${iconSvg.url}`
+          'xlink:href': `${iconSvg.url}`
         }
       })
     ]

src/muya/lib/ui/formatPicker/index.js

@@ -60,7 +60,7 @@ class FormatPicker extends BaseFloat {
           }
         }, [h('use', {
           attrs: {
-            'xlink:href': `.${i.icon.url}`
+            'xlink:href': `${i.icon.url}`
           }
         })]
         )

src/muya/lib/ui/quickInsert/index.js

@@ -47,7 +47,7 @@ class QuickInsert extends BaseScrollFloat {
           const { title, subTitle, label, icon, shortCut } = item
           const iconVnode = h('div.icon-container', h('img', {
             attrs: {
-              src: `.${icon.url}`
+              src: `${icon.url}`
             }
           })
             // h('svg', {

src/muya/themes/dark.css

@@ -129,7 +129,7 @@ pre.ag-paragraph {
 #ag-editor-id {
   max-width: var(--editorAreaWidth);
   margin: 0 auto;
-  padding: 20px 30px 40px 30px;
+  padding: 20px 50px 40px 50px;
   padding-top: 20px;
   padding-bottom: 100px;
 }

src/muya/themes/light.css

@@ -129,7 +129,7 @@ pre.ag-paragraph {
 #ag-editor-id {
   max-width: var(--editorAreaWidth);
   margin: 0 auto;
-  padding: 20px 30px 40px 30px;
+  padding: 20px 50px 40px 50px;
   padding-top: 20px;
   padding-bottom: 100px;
 }

src/renderer/components/import/index.vue

@@ -16,7 +16,7 @@
           @drop="dropHandler"
         >
           <div class="img-wrapper">
-            <img :src="`.${importIcon.url}`" alt="import file">
+            <img :src="`${importIcon.url}`" alt="import file">
           </div>
           <div>Import or Open</div>
           <p> Drop here to get you stuff into Mark Text</p>