<template style="width: 100vw">
<v-app style="text-align: center">
<v-layout>
<v-flex>
<v-toolbar color="indigo" dark style="border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;">
<v-toolbar-title>Сервис от Чачлыка</v-toolbar-title>
<v-spacer></v-spacer>
</v-toolbar>
<v-btn fixed dark fab bottom right
color="pink"
@click="triggerFileUploads">
<v-icon>mdi-plus</v-icon>
</v-btn>
<v-btn fixed dark fab bottom left
color="pink"
@click="getAllPhotos">
<v-icon>mdi-refresh</v-icon>
</v-btn>
<input ref="fileInput"
type="file"
style="display: none"
accept="image/*"
@change="onFileChange">
<div class="bg-light" style="border-radius: 25px">
<v-row>
<v-col v-for="(photo, index) in photos" :key="index">
</v-col>
</v-row>
</div>
</v-flex>
</v-layout>
</v-app>
</template>
<style>
.center-pic{
display:block;
margin:auto;
}
body {
width: 100vw
}
</style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0">-->
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>test2</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.x/css/font-awesome.min.css" rel="stylesheet">
<style>
.modal-open {
padding-right: 0 !important;
}
</style>
</head>
<body>
<noscript>
<strong>We're sorry but test2 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>