Home Explore Help
Sign In
gogsadmin
/
grocery-manager
1
0
Fork 0
Files Issues 1 Pull Requests 0 Wiki
Browse Source

make appearance better on mobile

Daniel Sheffield 1 year ago
parent
c440157d96
commit
ca6b3c6d1c
3 changed files with 8 additions and 5 deletions
Unified View Show Diff Stats
  1. 0 1
      app/rest/filter-item.tpl
  2. 4 4
      app/rest/form.tpl
  3. 4 0
      app/rest/trend.tpl

+ 0 - 1
app/rest/filter-item.tpl
View File 

@@ -3,7 +3,6 @@
 
   type="text"
 
   type="text"
 
   id={{fname}}"
 
   id={{fname}}"
 
   name="{{fname}}"
 
   name="{{fname}}"
 
-  size="{{10 if fname == 'unit' else size}}"
 
   pattern="((.*\\|)*(.*))?(!(.*\\|)*(.*))?"
 
   pattern="((.*\\|)*(.*))?(!(.*\\|)*(.*))?"
 
   title="Must be of the form include!exclude where include and exclude are | separated lists"
 
   title="Must be of the form include!exclude where include and exclude are | separated lists"
 
   value="{{fvalue}}" />
 
   value="{{fvalue}}" />

+ 4 - 4
app/rest/form.tpl
View File 

@@ -1,6 +1,6 @@
 
 <form id="filter" style="display: inline-flex"  method="{{ method }}" action="{{ action }}">
 
 <form id="filter" style="display: inline-flex"  method="{{ method }}" action="{{ action }}">
 
     <div>
 
     <div>
 
-    <table class="pure-table pure-table-bordered pure-table-striped" style="width: 60vw">
 
+    <table class="pure-table pure-table-bordered pure-table-striped">
 
         <thead style="position: sticky; top: 0">
 
         <thead style="position: sticky; top: 0">
 
             <tr>
 
             <tr>
 
 {{! ''.join( header )}}
 
 {{! ''.join( header )}}
 
@@ -15,7 +15,7 @@
 
     </table>
 
     </table>
 
     </div>
 
     </div>
 
     <div>
 
     <div>
 
-    <table class="pure-table pure-table-bordered pure-table-striped" style="width: 20vw; position: sticky; top: 0">
 
+    <table class="pure-table pure-table-bordered pure-table-striped" style="max-width: 32vw; position: sticky; top: 0">
 
         <thead>
 
         <thead>
 
             <tr>
 
             <tr>
 
                 <th>Tags</th>
 
                 <th>Tags</th>
 
@@ -32,7 +32,7 @@
 
                         type="text"
 
                         type="text"
 
                         id="tag"
 
                         id="tag"
 
                         name="tag"
 
                         name="tag"
 
-                        size="26"
 
+                        size="10"
 
                         pattern="((.*\\|)*(.*))?(!(.*\\|)*(.*))?"
 
                         pattern="((.*\\|)*(.*))?(!(.*\\|)*(.*))?"
 
                         title="Must be of the form include!exclude where include and exclude are | separated lists"
 
                         title="Must be of the form include!exclude where include and exclude are | separated lists"
 
                         value="{{tag}}"
 
                         value="{{tag}}"
 
@@ -43,7 +43,7 @@
 
                         type="text"
 
                         type="text"
 
                         id="unit"
 
                         id="unit"
 
                         name="unit"
 
                         name="unit"
 
-                        size="10"
 
+                        size="6"
 
                         pattern="{{pattern}}"
 
                         pattern="{{pattern}}"
 
                         title="Must be one of: {{units}}"
 
                         title="Must be one of: {{units}}"
 
                         value="{{unit}}"
 
                         value="{{unit}}"

+ 4 - 0
app/rest/trend.tpl
View File 

@@ -1,6 +1,10 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html>
 
 <html>
 
     <head>
 
     <head>
 
+        <style>
 
+svg {width: 100vw}
 
+input {max-width: 22vw}
 
+        </style>
 
         <title>Trend</title>
 
         <title>Trend</title>
 
         <meta name="viewport" content="width=device-width, initial-scale=1"/>
 
         <meta name="viewport" content="width=device-width, initial-scale=1"/>
 
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@2.1.0/build/pure-min.css" integrity="sha384-yHIFVG6ClnONEA5yB5DJXfW2/KC173DIQrYoZMEtBvGzmf0PKiGyNEqe9N6BNDBH" crossorigin="anonymous"/>
 
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@2.1.0/build/pure-min.css" integrity="sha384-yHIFVG6ClnONEA5yB5DJXfW2/KC173DIQrYoZMEtBvGzmf0PKiGyNEqe9N6BNDBH" crossorigin="anonymous"/>