Small mobile fixes

ooni · Oct 24, 2024 · ec20e61 · ec20e61
1 parent a20fc15
commit ec20e61
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 159 deletions.
diff --git a/components/NavBar.js b/components/NavBar.js
@@ -124,7 +124,7 @@ const SubMenu = () => {
         <div className="bg-gray-50">
           <div className="border-b border-gray-200">
             <div className="container">
-              <nav className="-mb-px flex space-x-8">
+              <nav className="-mb-px flex gap-x-8 flex-wrap">
                 {menuItem.map((item) => (
                   <SubNavItem
                     key={item.href}

diff --git a/components/aggregation/mat/TableView.js b/components/aggregation/mat/TableView.js
@@ -46,8 +46,6 @@ const noRowsSelected = null
 
 const TableView = ({ data, query, showFilters = true }) => {
   const intl = useIntl()
-  const resetTableRef = useRef(false)
-  const yAxis = query.axis_y
 
   // The incoming data is reshaped to generate:
   // - reshapedData: holds the full set that will be used by GridChart

diff --git a/components/dashboard/Charts.js b/components/dashboard/Charts.js
diff --git a/pages/circumvention.js b/pages/circumvention.js
@@ -75,7 +75,7 @@ const Page = (props) => {
       text={
         <>
           <FormattedMarkdown id="ReachabilityDash.CircumventionTools.Description" />
-          <ul className="columns-4">
+          <ul className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4">
             {domains.map((d) => (
               <li key={d}>
                 <a href={`#${d}`}>{d}</a>

diff --git a/pages/news-media.js b/pages/news-media.js
@@ -86,7 +86,7 @@ const Page = (props) => {
             viverra ex blandit ullamcorper. Fusce consectetur nunc vel posuere
             vehicula. Quisque vel magna nibh.
           </p>
-          <ul className="columns-4">
+          <ul className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4">
             {domains.map((d) => (
               <li key={d}>
                 <a href={`#${d}`}>{d}</a>

diff --git a/pages/social-media.js b/pages/social-media.js
@@ -49,7 +49,6 @@ export const getServerSideProps = async () => {
 }
 
 const Page = (props) => {
-  console.log('props', props)
   const intl = useIntl()
   const domains = SOCIAL_MEDIA_IM_DOMAINS.sort((a, b) => {
     return a.replace('www.', '').localeCompare(b.replace('www.', ''))
@@ -85,7 +84,7 @@ const Page = (props) => {
             viverra ex blandit ullamcorper. Fusce consectetur nunc vel posuere
             vehicula. Quisque vel magna nibh.
           </p>
-          <ul className="columns-4">
+          <ul className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4">
             {domains.map((d) => (
               <li key={d}>
                 <a href={`#${d}`}>{d}</a>