prabhuignoto/float-menu

<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640"><g><title>background</title><rect id="canvas_background" width="1282" height="642" x="-1" y="-1" fill="#fff"/><g id="canvasGrid" display="none"><rect id="svg_2" width="100%" height="100%" x="0" y="0" fill="url(#gridpattern)" stroke-width="0"/></g></g><g><title>Layer 1</title><rect id="svg_9" width="1283" height="639" x="-1.5" y=".5" fill="#0c3299" fill-opacity=".05" stroke="#000" stroke-opacity="null" stroke-width="0"/><path id="svg_1" fill="plum" fill-opacity=".3" stroke="#000" stroke-width="0" d="m0.5,-0.54688l-0.5,255.54688l255,-255l-254.5,-0.54688z"/><path id="svg_3" fill="#9370db" fill-opacity=".2" stroke="#000" stroke-opacity="null" stroke-width="0" d="m-0.5,-0.54688l0.5,120.54688l123,-120l-123.5,-0.54688z"/><path id="svg_4" fill="plum" fill-opacity=".3" stroke="#000" stroke-width="0" d="m1024.5,383.45312l-0.5,255.54688l255,-255l-254.5,-0.54688z" transform="rotate(179.88941955566406 1151.5,511.22656250000006)"/><path id="svg_5" fill="#9370db" fill-opacity=".2" stroke="#000" stroke-opacity="null" stroke-width="0" d="m1156.5,519.45312l0.5,120.54688l123,-120l-123.5,-0.54688z" transform="rotate(179.71957397460938 1218.2500000000002,579.7265625)"/><path id="svg_6" fill="#0c3299" fill-opacity=".1" stroke="#000" stroke-opacity="null" stroke-width="0" d="m-81.5,638.45313l568.5,-639.45313l245,-1l-526,642l-287.5,-1.54687z"/><text id="svg_8" x="784.5" y="306.453" fill="#000" fill-opacity=".8" stroke="#000" stroke-opacity="null" stroke-width="0" font-family="Helvetica, Arial, sans-serif" font-size="65" font-weight="normal" text-anchor="start" xml:space="preserve">vue-float-menu</text><text style="cursor:move" id="svg_11" x="787.5" y="361.453" fill="#000" stroke="#000" stroke-opacity="null" stroke-width="0" font-family="Helvetica, Arial, sans-serif" font-size="28" text-anchor="start" xml:space="preserve">A draggable floating menu for Vue</text><g id="svg_36" stroke="null"><g id="svg_14" stroke="null" transform="matrix(1.0016568037832114,0,0,1.0016568037832114,309.74838296297486,68.93036741404313)"><path id="svg_16" fill="#da2a47" stroke="null" d="m448.87222,208.58947c-2.493,-15.51 -10.679,-23.657 -18.243,-27.926a37.359,37.359 0 0 0 -18.387,-4.662l-4.34,0a37.359,37.359 0 0 0 -18.387,4.662c-7.564,4.269 -15.75,12.416 -18.243,27.926c-3.731,23.212 16.445,37.717 25.064,60.512l27.472,0c8.619,-22.795 28.795,-37.3 25.064,-60.512z"/><path id="svg_17" fill="#ef5361" stroke="null" d="m442.48422,208.58947c-2.083,-15.51 -8.921,-23.657 -15.239,-27.926a27.259,27.259 0 0 0 -15.361,-4.662l-3.624,0a27.259,27.259 0 0 0 -15.361,4.662c-6.318,4.269 -13.156,12.416 -15.239,27.926c-3.116,23.212 13.738,37.717 20.937,60.512l22.95,0c7.199,-22.795 24.053,-37.3 20.937,-60.512z"/><path id="svg_18" fill="#2f3a5a" stroke="null" d="m423.80822,270.10147l-27.472,0a1,1 0 0 1 -0.936,-0.646c-3.1,-8.206 -7.732,-15.344 -12.21,-22.247c-7.888,-12.156 -15.338,-23.642 -12.906,-38.778c2.64,-16.417 11.647,-24.635 18.739,-28.638a38.429,38.429 0 0 1 18.88,-4.791l4.338,0a38.429,38.429 0 0 1 18.88,4.791c7.092,4 16.1,12.221 18.739,28.638c2.432,15.136 -5.018,26.622 -12.906,38.782c-4.478,6.9 -9.109,14.041 -12.21,22.247a1,1 0 0 1 -0.936,0.642zm-26.785,-2l26.1,0c3.169,-8.128 7.734,-15.165 12.149,-21.977c7.672,-11.829 14.92,-23 12.609,-37.376c-2.009,-12.547 -7.984,-21.705 -17.744,-27.215a36.422,36.422 0 0 0 -17.896,-4.532l-4.338,0a36.422,36.422 0 0 0 -17.9,4.532c-9.756,5.51 -15.731,14.668 -17.744,27.215c-2.311,14.375 4.937,25.547 12.613,37.376c4.415,6.812 8.98,13.849 12.151,21.977z"/><path id="svg_19" fill="#dbe2eb" stroke="null" d="m435.38422,208.58947c-1.626,-15.51 -6.967,-23.657 -11.9,-27.926a18.155,18.155 0 0 0 -11.997,-4.662l-2.83,0a18.155,18.155 0 0 0 -12,4.662c-4.934,4.269 -10.275,12.416 -11.9,27.926c-2.431,23.212 10.731,37.717 16.354,60.512l17.922,0c5.623,-22.795 18.785,-37.3 16.351,-60.512z"/><path id="svg_20" fill="#2f3a5a" stroke="null" d="m419.03322,270.10147l-17.922,0a1,1 0 0 1 -0.971,-0.761c-2.029,-8.228 -5.054,-15.375 -7.979,-22.286c-5.127,-12.117 -9.97,-23.561 -8.4,-38.574c1.718,-16.344 7.611,-24.56 12.246,-28.574a19.19,19.19 0 0 1 12.649,-4.905l2.832,0a19.19,19.19 0 0 1 12.649,4.905c4.635,4.014 10.528,12.23 12.242,28.578c1.574,15.013 -3.269,26.457 -8.4,38.574c-2.925,6.911 -5.95,14.058 -7.979,22.286a1,1 0 0 1 -0.967,0.757zm-17.143,-2l16.364,0a150.387,150.387 0 0 1 7.887,-21.827c5.024,-11.872 9.769,-23.086 8.249,-37.585c-1.646,-15.7 -7.2,-23.5 -11.561,-27.274a17.223,17.223 0 0 0 -11.341,-4.414l-2.832,0a17.223,17.223 0 0 0 -11.341,4.418c-4.365,3.782 -9.915,11.576 -11.561,27.274c-1.52,14.5 3.225,25.713 8.249,37.585a150.387,150.387 0 0 1 7.887,21.823z"/><path id="svg_21" fill="#ef5361" stroke="null" d="m420.30522,208.58947c-0.658,-15.51 -2.817,-23.657 -4.811,-27.926c-1.475,-3.157 -3.156,-4.662 -4.85,-4.662l-1.144,0c-1.694,0 -3.375,1.505 -4.85,4.662c-1.994,4.269 -4.153,12.416 -4.811,27.926c-0.984,23.212 4.333,37.717 6.61,60.512l7.246,0c2.277,-22.795 7.594,-37.3 6.61,-60.512z"/><path id="svg_22" fill="#2f3a5a" stroke="null" d="m413.69522,270.10147l-7.246,0a1,1 0 0 1 -1,-0.9c-0.824,-8.271 -2.05,-15.437 -3.236,-22.368c-2.061,-12.048 -4.008,-23.428 -3.378,-38.29c0.551,-13 2.2,-22.522 4.905,-28.307c1.632,-3.473 3.564,-5.235 5.76,-5.235l1.144,0c2.2,0 4.132,1.762 5.756,5.238c2.7,5.785 4.353,15.309 4.9,28.307c0.63,14.862 -1.317,26.242 -3.378,38.29c-1.186,6.931 -2.412,14.1 -3.236,22.368a1,1 0 0 1 -0.991,0.897zm-6.342,-2l5.438,0c0.829,-7.96 2.015,-14.894 3.164,-21.606c2.042,-11.94 3.972,-23.219 3.351,-37.868c-0.673,-15.856 -2.934,-23.726 -4.718,-27.541c-1.231,-2.634 -2.632,-4.085 -3.944,-4.085l-1.144,0c-1.312,0 -2.713,1.451 -3.943,4.085c-1.785,3.815 -4.046,11.685 -4.719,27.545c-0.621,14.649 1.309,25.928 3.351,37.868c1.149,6.712 2.335,13.646 3.164,21.602z"/><path id="svg_23" fill="#d0aa79" stroke="null" d="m397.55822,283.37947l0,16.265a2.358,2.358 0 0 0 2.358,2.357l20.312,0a2.358,2.358 0 0 0 2.358,-2.357l0,-16.265l-25.028,0z"/><path id="svg_24" fill="#bf9a71" stroke="null" d="m422.58222,283.38147l0,16.26a2.356,2.356 0 0 1 -2.35,2.36l-0.69,0l0,-12.85l-21.98,0l0,-5.77l25.02,0z"/><path id="svg_25" fill="#2f3a5a" stroke="null" d="m420.22822,303.00147l-20.312,0a3.362,3.362 0 0 1 -3.358,-3.357l0,-16.265a1,1 0 0 1 1,-1l25.028,0a1,1 0 0 1 1,1l0,16.265a3.362,3.362 0 0 1 -3.358,3.357zm-21.67,-18.622l0,15.265a1.359,1.359 0 0 0 1.358,1.357l20.312,0a1.359,1.359 0 0 0 1.358,-1.357l0,-15.265l-23.028,0z"/><path id="svg_26" fill="#d0aa79" stroke="null" d="m423.57222,282.24247l-27,0a2.061,2.061 0 0 0 0,4.121l27,0a2.061,2.061 0 0 0 0,-4.121z"/><path id="svg_27" fill="#2f3a5a" stroke="null" d="m423.57222,287.36347l-27,0a3.061,3.061 0 0 1 0,-6.121l27,0a3.061,3.061 0 0 1 0,6.121zm-27,-4.121a1.061,1.061 0 0 0 0,2.121l27,0a1.061,1.061 0 0 0 0,-2.121l-27,0z"/><path id="svg_28" fill="#d0aa79" stroke="null" d="m423.80822,269.10547l-4.901,12.633"/><path id="svg_29" fill="#2f3a5a" stroke="null" d="m418.90722,282.73847a0.98,0.98 0 0 1 -0.361,-0.069a1,1 0 0 1 -0.571,-1.293l4.9,-12.633a1,1 0 0 1 1.864,0.724l-4.9,12.632a1,1 0 0 1 -0.932,0.639z"/><path id="svg_30" fill="#d0aa79" stroke="null" d="m396.33622,269.10547l3.383,12.633"/><path id="svg_31" fill="#2f3a5a" stroke="null" d="m399.71822,282.73847a1,1 0 0 1 -0.965,-0.742l-3.381,-12.632a1,1 0 1 1 1.931,-0.518l3.384,12.633a1,1 0 0 1 -0.707,1.224a0.974,0.974 0 0 1 -0.262,0.035z"/><path id="svg_32" fill="#d0aa79" stroke="null" d="m415.08822,269.45347l-1.764,12.789"/><path id="svg_33" fill="#2f3a5a" stroke="null" d="m413.32622,283.24247a1.066,1.066 0 0 1 -0.138,-0.009a1,1 0 0 1 -0.854,-1.128l1.763,-12.789a1,1 0 0 1 1.982,0.273l-1.764,12.79a1,1 0 0 1 -0.989,0.863z"/><path id="svg_34" fill="#d0aa79" stroke="null" d="m403.70122,269.10547l2.248,13.137"/><path id="svg_35" fill="#2f3a5a" stroke="null" d="m405.94722,283.24247a1,1 0 0 1 -0.984,-0.831l-2.248,-13.138a1,1 0 1 1 1.972,-0.336l2.247,13.137a1,1 0 0 1 -0.817,1.154a0.983,0.983 0 0 1 -0.17,0.014z"/></g></g></g></svg>