Automator Tab Sizing

This commit is contained in:
ZackRhodes 2023-08-12 10:39:17 -04:00
parent 57a369c69f
commit ac3636cf1d
3 changed files with 27 additions and 8 deletions

View File

@ -1,6 +1,8 @@
<script> <script>
import SplitPane from "vue-splitpane"; import SplitPane from "vue-splitpane";
import { STEAM } from "@/env";
import AutomatorDocs from "./AutomatorDocs"; import AutomatorDocs from "./AutomatorDocs";
import AutomatorEditor from "./AutomatorEditor"; import AutomatorEditor from "./AutomatorEditor";
import AutomatorPointsList from "./AutomatorPointsList"; import AutomatorPointsList from "./AutomatorPointsList";
@ -28,7 +30,8 @@ export default {
}, },
tabClass() { tabClass() {
if (!this.fullScreen) return undefined; if (!this.fullScreen) return undefined;
return "c-automator-tab--full-screen"; else if (STEAM) return "c-automator-tab--full-screen-s"
else return "c-automator-tab--full-screen";
}, },
fullScreenIconClass() { fullScreenIconClass() {
return this.fullScreen ? "fa-compress-arrows-alt" : "fa-expand-arrows-alt"; return this.fullScreen ? "fa-compress-arrows-alt" : "fa-expand-arrows-alt";
@ -139,4 +142,14 @@ export default {
margin-top: 0; margin-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.c-automator-tab--full-screen-s .c-automator-split-pane {
width: 95vw;
height: 70%;
left: 2.5vw;
position: fixed;
inset: 0;
z-index: 5;
margin-top: 0;
padding-bottom: 0;
}
</style> </style>

View File

@ -11,6 +11,8 @@ import { SteamRuntime } from "@/steam";
import PrimaryButton from "@/components/PrimaryButton"; import PrimaryButton from "@/components/PrimaryButton";
import ShopButton from "./ShopButton"; import ShopButton from "./ShopButton";
import { PlayFab } from "@/steam/bindings/PlayFabClientApi";
export default { export default {
name: "ShopTab", name: "ShopTab",
components: { components: {
@ -48,6 +50,9 @@ export default {
}, },
hiddenName() { hiddenName() {
return player.options.hideGoogleName; return player.options.hideGoogleName;
},
playfabActive(){
return PlayFab.ClientApi.IsClientLoggedIn()
} }
}, },
methods: { methods: {
@ -131,6 +136,7 @@ export default {
> >
<template v-if="STEAM"> <template v-if="STEAM">
You are logged in as {{ username }}. You are logged in as {{ username }}.
<div v-if="!playfabActive">You are currently not fully logged into Steam. Please reopen the game from the Steam app if your purchases are not showing accurately.</div>
</template> </template>
<template v-else> <template v-else>
<span v-if="hiddenName">You are logged in. <i>(name hidden)</i></span> <span v-if="hiddenName">You are logged in. <i>(name hidden)</i></span>

View File

@ -1,11 +1,11 @@
// Replace the following with your app's Firebase project configuration // Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object // See: https://firebase.google.com/docs/web/learn-more#config-object
export const firebaseConfig = { export const firebaseConfig = {
"apiKey": null, "apiKey": "AIzaSyDuRTTluAFufmvw1zxGH6fsyEHmmbu8IHI",
"authDomain": null, "authDomain": "antimatter-dimensions-a00f2.firebaseapp.com",
"databaseURL": null, "databaseURL": "https://antimatter-dimensions-a00f2.firebaseio.com",
"projectId": null, "projectId": "antimatter-dimensions-a00f2",
"storageBucket": null, "storageBucket": "antimatter-dimensions-a00f2.appspot.com",
"messagingSenderId": null, "messagingSenderId": "904798020003",
"appId": null, "appId": "1:904798020003:web:d1448dcb2dedd8b5",
}; };