simpify mobile view

yp05327 · yp05327 · commit f217245244f8 · 2024-10-08T05:13:16.000Z
diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
@@ -118,7 +118,7 @@
 			</div>
 
 			{{if $isHomepage}}
-				<div style="width: 25%">
+				<div class="flex-container-repo">
 					<form class="ignore-dirty tw-flex tw-flex-1 tw-mt-1" action="{{.RepoLink}}/search" method="get">
 						<div class="ui small action input tw-flex-1">
 							<input name="q" size="10" placeholder="{{ctx.Locale.Tr "search.code_kind"}}">
diff --git a/web_src/css/modules/flexcontainer.css b/web_src/css/modules/flexcontainer.css
@@ -21,6 +21,10 @@
   min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */
 }
 
+.flex-container-repo {
+  width: 25%;
+}
+
 @media (max-width: 767.98px) {
   .flex-container {
     flex-direction: column;
@@ -30,4 +34,7 @@
     order: -1;
     width: auto;
   }
+  .flex-container-repo {
+    width: 100%;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,10 @@`
`21`	`21`	`min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */`
`22`	`22`	`}`
`23`	`23`
	`24`	`+.flex-container-repo {`
	`25`	`+ width: 25%;`
	`26`	`+}`
	`27`	`+`
`24`	`28`	`@media (max-width: 767.98px) {`
`25`	`29`	`.flex-container {`
`26`	`30`	`flex-direction: column;`
`@@ -30,4 +34,7 @@`
`30`	`34`	`order: -1;`
`31`	`35`	`width: auto;`
`32`	`36`	`}`
	`37`	`+ .flex-container-repo {`
	`38`	`+ width: 100%;`
	`39`	`+ }`
`33`	`40`	`}`