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

View File

@ -106,3 +106,13 @@ div#app {
div#table { div#table {
height: 100%; 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"> <div v-if="!storeSession.isConnected">
<button @click="storeSession.loginAsRyan()">Connect</button> <button @click="storeSession.loginAsRyan()">Connect</button>
</div> </div>
<div v-if="storeSession.isConnected"> <div class="authnav-connected" v-if="storeSession.isConnected">
Connected as {{ storeSession.session.userId }}. Connected as {{ storeSession.session.userId }}.
</div> </div>
</template> </template>