fix some mobile responsiveness issues

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-04-11 21:42:59 +00:00
parent 484ed1b92a
commit 1861255d23
4 changed files with 15 additions and 15 deletions

View File

@ -12,10 +12,10 @@
<body> <body>
<header class="w3-black w3-bar"> <header class="w3-black w3-bar">
<nav class="w3-large w3-bar" id="nav"> <nav class="w3-large w3-bar" id="nav">
<h1 class="w3-bar-item" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1> <h1 class="w3-bar-item w3-mobile w3-hide-small" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1>
<a class="w3-bar-item w3-button" href="index.html">Instances</a> <a class="w3-bar-item w3-mobile w3-button" href="index.html">Instances</a>
<a class="w3-bar-item w3-button" href="account.html" aria-current="true">Account</a> <a class="w3-bar-item w3-mobile w3-button" href="account.html" aria-current="true">Account</a>
<a class="w3-bar-item w3-button" href="login.html">Logout</a> <a class="w3-bar-item w3-mobile w3-button" href="login.html">Logout</a>
</nav> </nav>
</header> </header>
<main class="w3-container"> <main class="w3-container">

View File

@ -13,10 +13,10 @@
<body> <body>
<header class="w3-black w3-bar"> <header class="w3-black w3-bar">
<nav class="w3-large w3-bar" id="nav"> <nav class="w3-large w3-bar" id="nav">
<h1 class="w3-bar-item" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1> <h1 class="w3-bar-item w3-mobile w3-hide-small" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1>
<a class="w3-bar-item w3-button" href="index.html" aria-current="true">Instances</a> <a class="w3-bar-item w3-mobile w3-button" href="index.html" aria-current="true">Instances</a>
<a class="w3-bar-item w3-button" href="account.html">Account</a> <a class="w3-bar-item w3-mobile w3-button" href="account.html">Account</a>
<a class="w3-bar-item w3-button" href="login.html">Logout</a> <a class="w3-bar-item w3-mobile w3-button" href="login.html">Logout</a>
</nav> </nav>
</header> </header>
<main class="w3-container"> <main class="w3-container">

View File

@ -13,10 +13,10 @@
<body> <body>
<header class="w3-black w3-bar"> <header class="w3-black w3-bar">
<nav class="w3-large w3-bar" id="nav"> <nav class="w3-large w3-bar" id="nav">
<h1 class="w3-bar-item" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1> <h1 class="w3-bar-item w3-mobile w3-hide-small" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1>
<a class="w3-bar-item w3-button" href="index.html" aria-current="true">Instances</a> <a class="w3-bar-item w3-mobile w3-button" href="index.html" aria-current="true">Instances</a>
<a class="w3-bar-item w3-button" href="account.html">Account</a> <a class="w3-bar-item w3-mobile w3-button" href="account.html">Account</a>
<a class="w3-bar-item w3-button" href="login.html">Logout</a> <a class="w3-bar-item w3-mobile w3-button" href="login.html">Logout</a>
</nav> </nav>
</header> </header>
<main class="w3-container"> <main class="w3-container">

View File

@ -13,12 +13,12 @@
<header> <header>
<header class="w3-black w3-bar"> <header class="w3-black w3-bar">
<nav class="w3-large w3-bar" id="nav"> <nav class="w3-large w3-bar" id="nav">
<h1 class="w3-bar-item" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1> <h1 class="w3-bar-item w3-mobile w3-hide-small" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1>
<a class="w3-bar-item w3-button" href="login.html" aria-current="true">Login</a> <a class="w3-bar-item w3-mobile w3-button w3-hide-small" href="login.html" aria-current="true">Login</a>
</nav> </nav>
</header> </header>
</header> </header>
<main class="w3-container w3-display-middle"> <main class="w3-container w3-display-middle w3-mobile">
<div class="w3-card-4 w3-margin"> <div class="w3-card-4 w3-margin">
<h2 class="w3-center">Proxmox VE Login</h2> <h2 class="w3-center">Proxmox VE Login</h2>
<form class="w3-container"> <form class="w3-container">