MirrorHub/gitea
0
0
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2024-11-25 23:52:48 +01:00
Code Issues Releases Wiki Activity

simpify mobile view

Browse source
This commit is contained in:
yp05327 2024-10-08 05:13:16 +00:00
parent 4265297c86
commit f217245244
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/repo/home.tmpl
View file

@ -118,7 +118,7 @@
</div> </div>
{{if $isHomepage}} {{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"> <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"> <div class="ui small action input tw-flex-1">
<input name="q" size="10" placeholder="{{ctx.Locale.Tr "search.code_kind"}}"> <input name="q" size="10" placeholder="{{ctx.Locale.Tr "search.code_kind"}}">

7
web_src/css/modules/flexcontainer.css
View file

@ -21,6 +21,10 @@
min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */ 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) { @media (max-width: 767.98px) {
.flex-container { .flex-container {
flex-direction: column; flex-direction: column;
@ -30,4 +34,7 @@
order: -1; order: -1;
width: auto; width: auto;
} }
.flex-container-repo {
width: 100%;
}
} }