luci-app-alpha-config: Add CSS

This commit is contained in:
Hilman Maulana 2024-02-23 19:11:54 +07:00 committed by GitHub
parent 5c69f7deb5
commit a196aa4e25
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 55 additions and 35 deletions

View File

@ -34,7 +34,27 @@ local function getLink(nav)
local link = config[nav]
return (link ~= "none") and link or nil
end
local num_links = 0
for i = 1, 6 do
local nav_key = 'nav_0' .. i
local link = getLink(nav_key)
if link then
num_links = num_links + 1
end
end
local link_width = string.format("calc(100%% / %d)", num_links)
%>
<style>
@media screen and (max-width: 720px) {
.navbar a {
width: <%= link_width %>;
}
}
</style>
</div>
<footer class="mobile">
<a href="https://github.com/derisamedia/luci-theme-alpha"><%=ver.luciname%> | <%=ver.luciversion%> | Alpha OS Theme v3.9</a>