Penyesuaian untuk luci-app-alpha-config

Ada beberapa penyesuaian dan fix bugs pada update 3.9.2-beta antara lain:

1. Memindahkan lokasi background login dan dasboard LuCI
2. Migrasi dari CSS ke HTML
This commit is contained in:
Hilman Maulana 2024-02-09 00:52:24 +07:00
parent e892cf9f43
commit f3ae2a4c3b
7 changed files with 3809 additions and 3343 deletions

View File

@ -10,7 +10,7 @@ THEME_NAME:=alpha
THEME_TITLE:=Alpha
PKG_NAME:=luci-theme-$(THEME_NAME)
PKG_VERSION:=3.9.1-beta
PKG_VERSION:=3.9.2-beta
PKG_RELEASE:=9
include $(INCLUDE_DIR)/package.mk

View File

Before

Width:  |  Height:  |  Size: 666 KiB

After

Width:  |  Height:  |  Size: 666 KiB

View File

Before

Width:  |  Height:  |  Size: 666 KiB

After

Width:  |  Height:  |  Size: 666 KiB

File diff suppressed because it is too large Load Diff

View File

@ -1,4 +1,3 @@
/*--------------------
catatan usahakan untuk mengganti bg pakai format png, kalo jpg ganti aja di bagian body, sesuaikan aja nama formatnya
---------------------*/
@ -17,7 +16,6 @@ html {
}
body {
background: url('login.png');
height: 100%;
background-position: center;
background-repeat: no-repeat;
@ -30,7 +28,8 @@ background-attachment: fixed;
Text
---------------------*/
h2, h3 {
h2,
h3 {
font-size: 16px;
letter-spacing: -1px;
line-height: 20px;
@ -162,12 +161,12 @@ Login Box
z-index: 2;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
-webkit-border-radius: 20px:
-moz-border-radius= 20px;
-webkit-border-radius: 20px: -moz-border-radius=20px;
border-radius: 20px;
-moz-box-shadow: 15px 30px 30px rgba(0, 0, 0, 0.32);
box-shadow: 15px 30px 30px rgba(0, 0, 0, 0.32);
}
.box-info {
width: 260px;
top: 60px;
@ -200,9 +199,13 @@ Login Box
Form
---------------------*/
a { text-decoration: none; }
a {
text-decoration: none;
}
button:focus { outline:0; }
button:focus {
outline: 0;
}
.b {
height: 24px;
@ -228,7 +231,8 @@ button:focus { outline:0; }
opacity: 1;
}
.b-support, .b-cta {
.b-support,
.b-cta {
width: 100%;
padding: 0px 15px;
font-family: 'Quicksand', sans-serif;
@ -256,7 +260,8 @@ button:focus { outline:0; }
color: #fff;
}
.b-support:hover, .b-cta:hover {
.b-support:hover,
.b-cta:hover {
color: #fff;
background-color: #87314e;
border: #87314e 1px solid;
@ -357,8 +362,13 @@ p.field span.i {
Transitions
---------------------*/
.box-form, .box-info, .b, .b-support, .b-cta,
input[type=submit], p.field span.i {
.box-form,
.box-info,
.b,
.b-support,
.b-cta,
input[type=submit],
p.field span.i {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;

View File

@ -57,12 +57,10 @@
</style>
<% end -%>
</head>
<body class="lang_<%=luci.i18n.context.lang%> <% if luci.dispatcher.context.authsession then %>logged-in<% end %> <% if not (path == "") then %>node-<%= path %><% else %>node-main-login<% end %>" data-page="<%= pcdata(path) %>">
<body class="lang_<%=luci.i18n.context.lang%> <% if luci.dispatcher.context.authsession then %>logged-in<% end %> <% if not (path == "") then %>node-<%= path %><% else %>node-main-login<% end %>" data-page="<%= pcdata(path) %>" style="background-image:url('/luci-static/alpha/background/dashboard.png')">
<header>
<div class="fill">
<div class="container">
<a id="logo" href="<% if luci.dispatcher.context.authsession then %><%=url('admin/status/overview')%><% else %>#<% end %>">
<img src="<%=media%>/brand.png" alt="OpenWrt">
</a>
@ -95,5 +93,4 @@
<p><%:You must enable JavaScript in your browser or LuCI will not work properly.%></p>
</div>
</noscript>
<div id="tabmenu" style="display:none"></div>

View File

@ -20,10 +20,8 @@
<title>Alpha - Login Dulu</title>
</head>
<body class="lang_en node-main-login" data-page="">
<body class="lang_en node-main-login" data-page="" style="background-image:url('/luci-static/alpha/background/dashboard.png')">
<header>
<div class="fill">
<div class="container">
<span class="showSide"></span>