Quick layout cleanup for mobile

This commit is contained in:
Ryan Pandya 2023-05-24 14:49:57 -07:00
parent b60602aefd
commit 3633ed026e
3 changed files with 19 additions and 9 deletions

View File

@ -31,7 +31,7 @@
"eslint-config-prettier": "^8.8.0",
"npm-run-all": "^4.1.5",
"prettier": "2.8.8",
"typescript": "^5.1.0-dev.20230515",
"typescript": "^4.4.4",
"vite": "^4.1.4",
"vue-tsc": "^1.2.0"
}
@ -4475,15 +4475,15 @@
}
},
"node_modules/typescript": {
"version": "5.1.0-dev.20230515",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.0-dev.20230515.tgz",
"integrity": "sha512-yn0MGsy6U0QAVF+lXW6LPupQmuRsyA0xUJetqw2tDqa+49231BpkhTuY6oEwLsc98tiEzCfIw7hzbLsiwVGFaA==",
"version": "4.9.5",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
"integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
},
"engines": {
"node": ">=14.17"
"node": ">=4.2.0"
}
},
"node_modules/unbox-primitive": {
@ -7972,9 +7972,9 @@
}
},
"typescript": {
"version": "5.1.0-dev.20230515",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.0-dev.20230515.tgz",
"integrity": "sha512-yn0MGsy6U0QAVF+lXW6LPupQmuRsyA0xUJetqw2tDqa+49231BpkhTuY6oEwLsc98tiEzCfIw7hzbLsiwVGFaA=="
"version": "4.9.5",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
"integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
},
"unbox-primitive": {
"version": "1.0.2",

View File

@ -106,3 +106,13 @@ div#app {
div#table {
height: 100%;
}
@media(max-width: 600px){
header nav{
display: none;
}
.authnav-connected{
display:none;
}
}

View File

@ -10,7 +10,7 @@ storeSession.connect();
<div v-if="!storeSession.isConnected">
<button @click="storeSession.loginAsRyan()">Connect</button>
</div>
<div v-if="storeSession.isConnected">
<div class="authnav-connected" v-if="storeSession.isConnected">
Connected as {{ storeSession.session.userId }}.
</div>
</template>