Llloooggg/WhereToGoRedux
1
0
Fork 0
mirror of https://github.com/Llloooggg/WhereToGoRedux.git synced 2026-03-05 20:46:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

[frontend]: Подобраны стили для компановки страницы с картой

Browse Source
This commit is contained in:
Denis Podshivalov
2022-09-13 01:58:16 +03:00
parent 8235271fd1
commit 8c7cfc1811
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/wheretogo/src/App.vue
View File

@@ -1,6 +1,7 @@
<template> <template>
<div id="app" class="app">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="height: 7vh">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/">WhereToGo</a> <a class="navbar-brand" href="/">WhereToGo</a>
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <div class="collapse navbar-collapse" id="navbarNavDropdown">
@@ -33,10 +34,12 @@
</div> </div>
</div> </div>
</nav> </nav>
<div class="container">
<div class="container-fluid m-0 p-0" style="height: 93vh">
<router-view /> <router-view />
</div> </div>
</div> </body>
</template> </template>
<script> <script>

2
frontend/wheretogo/src/components/MapPage.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<l-map style="height: 300px" :zoom="zoom" :center="center"> <l-map :zoom="zoom" :center="center" style='width: 80vw'>
<l-tile-layer :url="url" :attribution="attribution"></l-tile-layer> <l-tile-layer :url="url" :attribution="attribution"></l-tile-layer>
<l-marker :lat-lng="markerLatLng"></l-marker> <l-marker :lat-lng="markerLatLng"></l-marker>
</l-map> </l-map>