Ufdjrw

Can someone be penalized for an "unlawful" act if no penalty is specified?

Lightning Grid - Columns and Rows?

Did Scotland spend $250,000 for the slogan "Welcome to Scotland"?

Why was M87 targetted for the Event Horizon Telescope instead of Sagittarius A*?

Time travel alters history but people keep saying nothing's changed

For what reasons would an animal species NOT cross a *horizontal* land bridge?

How to notate time signature switching consistently every measure

Falsification in Math vs Science

Have you ever entered Singapore using a different passport or name?

The difference between dialogue marks

How technical should a Scrum Master be to effectively remove impediments?

How to save as into a customized destination on macOS?

Do these rules for Critical Successes and Critical Failures seem Fair?

Can you compress metal and what would be the consequences?

Deal with toxic manager when you can't quit

How to deal with fear of taking dependencies

Is there any way to tell whether the shot is going to hit you or not?

Why can Shazam fly?

Delete all lines which don't have n characters before delimiter

A poker game description that does not feel gimmicky

What is the motivation for a law requiring 2 parties to consent for recording a conversation

Why did Acorn's A3000 have red function keys?

Shouldn't "much" here be used instead of "more"?

Did 3000BC Egyptians use meteoric iron weapons?

when i run this code on browser ,toolbar appears at the bottom how can i make it on top of browser

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

<style scoped>
.toolb
 position:absolute
 top:0px;

</style>

<script>
 export default 
 data () 
 return 
 sideNav: false
 
 
 
</script>

<template>
 <v-app>
 <v-navigation-drawer v-model="sideNav">
 <v-list>
 <v-list-tile>
 <v-list-tile-action>
 <v-icon>supervisor_account</v-icon>
 </v-list-tile-action>
 <v-list-tile-content>View Meetups</v-list-tile-content>
 </v-list-tile>
 </v-list>
 </v-navigation-drawer>
 <v-toolbar dark class="primary toolb">
 <v-toolbar-side-icon
 @click.stop="sideNav = !sideNav"
 class="hidden-sm-and-up "></v-toolbar-side-icon>
 <v-toolbar-title>DevMeetup</v-toolbar-title>
 <v-spacer></v-spacer>
 <v-toolbar-items class="hidden-xs-only">
 <v-btn flat>
 <v-icon left dark>supervisor_account</v-icon>
 View Meetups
 </v-btn>
 </v-toolbar-items>
 </v-toolbar>
 <main>

 </main>
 </v-app>
</template>

to make toolbar on top i have to use css style ' position
:absloute ; top:0px;' that affect my all other components because i have to use again in all components style ' position
:absloute ; top:50px or 40 px;' and those components are not behaving like they should so please tell how can i fix it ? without using css style only vuetify
.where i study vuetify ,my teacher was using as it is code and its working fine without css ??? only using vuetify in this component .
but if i use v-content to parent of my v-container than i am getting another problem that is navigation-drawer is on top after that toolbar is appearing

vuetify.js

share|improve this question

edited Mar 13 at 14:05

user9083933

asked Mar 8 at 9:34

user9083933user9083933

134

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  you are showing none of your CSS which would most likely be responsible for the position. Also, what have you tried so far to achieve what you want?
  
  – ArSeN
  Mar 8 at 9:52
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Can you provide a CodePen or a JsFiddle reproducing your issue plz ? Here's a template with vue and vuetify codepen.io/johnjleider/pen/bgJOrX
  
  – Toodoo
  Mar 8 at 10:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  i have added css . which i have used to achieve toolbar on top of document
  
  – user9083933
  Mar 8 at 17:24
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  hello toodoo in my earlier code i have not used v-content as parent of v-container but when i use it .navigation-drawer is on top after that toolbar is appearing i have tried it into codepen
  
  – user9083933
  Mar 13 at 14:08
  
  

  
  
  
  

add a comment | 

0

<style scoped>
.toolb
 position:absolute
 top:0px;

</style>

<script>
 export default 
 data () 
 return 
 sideNav: false
 
 
 
</script>

<template>
 <v-app>
 <v-navigation-drawer v-model="sideNav">
 <v-list>
 <v-list-tile>
 <v-list-tile-action>
 <v-icon>supervisor_account</v-icon>
 </v-list-tile-action>
 <v-list-tile-content>View Meetups</v-list-tile-content>
 </v-list-tile>
 </v-list>
 </v-navigation-drawer>
 <v-toolbar dark class="primary toolb">
 <v-toolbar-side-icon
 @click.stop="sideNav = !sideNav"
 class="hidden-sm-and-up "></v-toolbar-side-icon>
 <v-toolbar-title>DevMeetup</v-toolbar-title>
 <v-spacer></v-spacer>
 <v-toolbar-items class="hidden-xs-only">
 <v-btn flat>
 <v-icon left dark>supervisor_account</v-icon>
 View Meetups
 </v-btn>
 </v-toolbar-items>
 </v-toolbar>
 <main>

 </main>
 </v-app>
</template>

to make toolbar on top i have to use css style ' position
:absloute ; top:0px;' that affect my all other components because i have to use again in all components style ' position
:absloute ; top:50px or 40 px;' and those components are not behaving like they should so please tell how can i fix it ? without using css style only vuetify
.where i study vuetify ,my teacher was using as it is code and its working fine without css ??? only using vuetify in this component .
but if i use v-content to parent of my v-container than i am getting another problem that is navigation-drawer is on top after that toolbar is appearing

vuetify.js

share|improve this question

edited Mar 13 at 14:05

user9083933

asked Mar 8 at 9:34

user9083933user9083933

134

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  you are showing none of your CSS which would most likely be responsible for the position. Also, what have you tried so far to achieve what you want?
  
  – ArSeN
  Mar 8 at 9:52
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Can you provide a CodePen or a JsFiddle reproducing your issue plz ? Here's a template with vue and vuetify codepen.io/johnjleider/pen/bgJOrX
  
  – Toodoo
  Mar 8 at 10:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  i have added css . which i have used to achieve toolbar on top of document
  
  – user9083933
  Mar 8 at 17:24
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  hello toodoo in my earlier code i have not used v-content as parent of v-container but when i use it .navigation-drawer is on top after that toolbar is appearing i have tried it into codepen
  
  – user9083933
  Mar 13 at 14:08
  
  

  
  
  
  

add a comment | 

<style scoped>
.toolb
 position:absolute
 top:0px;

</style>

<script>
 export default 
 data () 
 return 
 sideNav: false
 
 
 
</script>

<template>
 <v-app>
 <v-navigation-drawer v-model="sideNav">
 <v-list>
 <v-list-tile>
 <v-list-tile-action>
 <v-icon>supervisor_account</v-icon>
 </v-list-tile-action>
 <v-list-tile-content>View Meetups</v-list-tile-content>
 </v-list-tile>
 </v-list>
 </v-navigation-drawer>
 <v-toolbar dark class="primary toolb">
 <v-toolbar-side-icon
 @click.stop="sideNav = !sideNav"
 class="hidden-sm-and-up "></v-toolbar-side-icon>
 <v-toolbar-title>DevMeetup</v-toolbar-title>
 <v-spacer></v-spacer>
 <v-toolbar-items class="hidden-xs-only">
 <v-btn flat>
 <v-icon left dark>supervisor_account</v-icon>
 View Meetups
 </v-btn>
 </v-toolbar-items>
 </v-toolbar>
 <main>

 </main>
 </v-app>
</template>

to make toolbar on top i have to use css style ' position
:absloute ; top:0px;' that affect my all other components because i have to use again in all components style ' position
:absloute ; top:50px or 40 px;' and those components are not behaving like they should so please tell how can i fix it ? without using css style only vuetify
.where i study vuetify ,my teacher was using as it is code and its working fine without css ??? only using vuetify in this component .
but if i use v-content to parent of my v-container than i am getting another problem that is navigation-drawer is on top after that toolbar is appearing

vuetify.js

share|improve this question

edited Mar 13 at 14:05

user9083933

asked Mar 8 at 9:34

user9083933user9083933

134

<style scoped>
.toolb
 position:absolute
 top:0px;

</style>

<script>
 export default 
 data () 
 return 
 sideNav: false
 
 
 
</script>

<template>
 <v-app>
 <v-navigation-drawer v-model="sideNav">
 <v-list>
 <v-list-tile>
 <v-list-tile-action>
 <v-icon>supervisor_account</v-icon>
 </v-list-tile-action>
 <v-list-tile-content>View Meetups</v-list-tile-content>
 </v-list-tile>
 </v-list>
 </v-navigation-drawer>
 <v-toolbar dark class="primary toolb">
 <v-toolbar-side-icon
 @click.stop="sideNav = !sideNav"
 class="hidden-sm-and-up "></v-toolbar-side-icon>
 <v-toolbar-title>DevMeetup</v-toolbar-title>
 <v-spacer></v-spacer>
 <v-toolbar-items class="hidden-xs-only">
 <v-btn flat>
 <v-icon left dark>supervisor_account</v-icon>
 View Meetups
 </v-btn>
 </v-toolbar-items>
 </v-toolbar>
 <main>

 </main>
 </v-app>
</template>

<style scoped>
.toolb
 position:absolute
 top:0px;

</style>

<style scoped>
.toolb
 position:absolute
 top:0px;

</style>

<script>
 export default 
 data () 
 return 
 sideNav: false
 
 
 
</script>

<template>
 <v-app>
 <v-navigation-drawer v-model="sideNav">
 <v-list>
 <v-list-tile>
 <v-list-tile-action>
 <v-icon>supervisor_account</v-icon>
 </v-list-tile-action>
 <v-list-tile-content>View Meetups</v-list-tile-content>
 </v-list-tile>
 </v-list>
 </v-navigation-drawer>
 <v-toolbar dark class="primary toolb">
 <v-toolbar-side-icon
 @click.stop="sideNav = !sideNav"
 class="hidden-sm-and-up "></v-toolbar-side-icon>
 <v-toolbar-title>DevMeetup</v-toolbar-title>
 <v-spacer></v-spacer>
 <v-toolbar-items class="hidden-xs-only">
 <v-btn flat>
 <v-icon left dark>supervisor_account</v-icon>
 View Meetups
 </v-btn>
 </v-toolbar-items>
 </v-toolbar>
 <main>

 </main>
 </v-app>
</template>

<script>
 export default 
 data () 
 return 
 sideNav: false
 
 
 
</script>

<template>
 <v-app>
 <v-navigation-drawer v-model="sideNav">
 <v-list>
 <v-list-tile>
 <v-list-tile-action>
 <v-icon>supervisor_account</v-icon>
 </v-list-tile-action>
 <v-list-tile-content>View Meetups</v-list-tile-content>
 </v-list-tile>
 </v-list>
 </v-navigation-drawer>
 <v-toolbar dark class="primary toolb">
 <v-toolbar-side-icon
 @click.stop="sideNav = !sideNav"
 class="hidden-sm-and-up "></v-toolbar-side-icon>
 <v-toolbar-title>DevMeetup</v-toolbar-title>
 <v-spacer></v-spacer>
 <v-toolbar-items class="hidden-xs-only">
 <v-btn flat>
 <v-icon left dark>supervisor_account</v-icon>
 View Meetups
 </v-btn>
 </v-toolbar-items>
 </v-toolbar>
 <main>

 </main>
 </v-app>
</template>

share|improve this question

edited Mar 13 at 14:05

user9083933

asked Mar 8 at 9:34

user9083933user9083933

134

share|improve this question

edited Mar 13 at 14:05

user9083933

asked Mar 8 at 9:34

user9083933user9083933

134

asked Mar 8 at 9:34

user9083933user9083933

134

asked Mar 8 at 9:34

user9083933user9083933

134