Fix sourceDorpRef toggle bug and add keyup event listener for registerAppStore

Author: jerrykuku

main/src/components/Apps/AppStoreSourceManagement.vue

@@ -86,7 +86,9 @@ function unregisterAppStore(id) {
 }
 
 function redirectURL() {
-	sourceDorpRef.value.toggle();
+	if(sourceDorpRef.value) {
+		sourceDorpRef.value.toggle();
+	}
 	window.open("https://awesome.casaos.io/content/3rd-party-app-stores/list.html", "_blank", "noopener");
 }
 
@@ -133,7 +135,6 @@ function getSourceList() {
 onMounted(() => {
 	getSourceList()
 	subscribe("app-store:register-end", res => {
-		console.log(res)
 		app.$buefy.toast.open({
 			message: "Updating the information source of the app store is complete.",
 			duration: 5000,
@@ -210,7 +211,7 @@ onBeforeUnmount(() => {
 			<div v-else-if="componentState === 'active_input_state'" key="3" class="is-flex is-align-items-center">
 				<b-field class="mb-0">
 					<b-input class="_sources_input" ref="inputSourceURL" v-model="url"
-						:disabled="addLoadingState"></b-input>
+						:disabled="addLoadingState" v-on:keyup.enter.native="registerAppStore(url)"></b-input>
 					<b-tooltip label="Get more apps" position="is-bottom" class="add-tooltip" type="is-dark"
 						:class="{ disabled: addLoadingState }">
 						<b-icon class="is-clickable" icon="question-outline" pack="casa" size="is-small"

main/src/components/account/AccountPanel.vue

@@ -339,6 +339,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.modal-card {
+	@include mobile {
+		margin: 0 !important;
+
+		&.w-424 {
+			width: auto !important;
+		}
+	}
+}
+
 .account-item {
 	cursor: pointer;