sidebar position

src/App.vue

@@ -86,6 +86,14 @@ const rotatePage = () => {
         <Input v-model="hMargin">Отступ, мм</Input>
         <Input v-model="hMargin2">Дополнительный отступ, мм</Input>
       </SidebarBlock>
+    </Sidebar>
+    <Page>
+      <Canvas :vMargin="vMargin" :vRotation="vRotation" :hMargin="hMargin" :hMargin2="hMargin2" :imageWidth="imageWidth"
+        :imageHeight="imageHeight" :imageBackgroundColor="imageBackgroundColor" />
+    </Page>
+    <Sidebar
+      horizontalPosition="right"
+    >
       <SidebarBlock title="Изображение">
         <Input v-model="imageHeight">Высота, мм</Input>
         <Input v-model="imageWidth">Ширина, мм</Input>
@@ -111,10 +119,6 @@ const rotatePage = () => {
         <Button :click="savePng">Сохранить как png</Button>
       </SidebarBlock>
     </Sidebar>
-    <Page>
-      <Canvas :vMargin="vMargin" :vRotation="vRotation" :hMargin="hMargin" :hMargin2="hMargin2" :imageWidth="imageWidth"
-        :imageHeight="imageHeight" :imageBackgroundColor="imageBackgroundColor" />
-    </Page>
   </div>
 </template>