fix: ui on small screens

Clivern · Jan 31, 2021 · e8f3c1d · e8f3c1d
1 parent 765a3f7
commit e8f3c1d
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 8 deletions.
diff --git a/cmd/pkged.go b/cmd/pkged.go
diff --git a/web/src/main.js b/web/src/main.js
@@ -17,8 +17,6 @@ Vue.config.productionTip = false;
 
 Vue.prototype.$http = axios;
 
-Vue.component("notification", Notification);
-
 new Vue({
 	store: store,
 	router,

diff --git a/web/src/views/Host.vue b/web/src/views/Host.vue
@@ -1,7 +1,7 @@
 <!-- @format -->
 
 <template>
-	<div class="columns is-mobile is-centered">
+	<div class="columns is-desktop is-centered">
 		<div class="column is-9">
 			<section>
 				<b-table
@@ -101,7 +101,7 @@
 			>
 
 			<b-modal :active.sync="form.isActive" has-modal-card>
-				<div class="modal-card" style="width: auto; min-width: 500px">
+				<div class="modal-card" style="width: auto">
 					<header class="modal-card-head">
 						<p class="modal-card-title">{{ form.title }}</p>
 					</header>

diff --git a/web/src/views/Hosts.vue b/web/src/views/Hosts.vue
@@ -1,7 +1,7 @@
 <!-- @format -->
 
 <template>
-	<div class="columns is-mobile is-centered">
+	<div class="columns is-desktop is-centered">
 		<div class="column is-9">
 			<section>
 				<b-table

diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
@@ -1,7 +1,7 @@
 <!-- @format -->
 
 <template>
-	<div class="columns is-mobile is-centered">
+	<div class="columns is-desktop is-centered">
 		<div class="column is-4">
 			<template v-if="setup">
 				<div class="field">

diff --git a/web/src/views/Settings.vue b/web/src/views/Settings.vue
@@ -1,7 +1,7 @@
 <!-- @format -->
 
 <template>
-	<div class="columns is-mobile is-centered">
+	<div class="columns is-desktop is-centered">
 		<div class="column is-4">
 			<br /><br />
 			<section>