Skip to content

Commit

Permalink
authme 2.7.3
Browse files Browse the repository at this point in the history
  • Loading branch information
@Levminer
Levminer authored Nov 9, 2021
1 parent 36fda36 commit 899f7ee
Show file tree
Hide file tree
Showing 35 changed files with 1,913 additions and 2,350 deletions.
7 changes: 6 additions & 1 deletion .tailwindrc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ module.exports = {
900: "#000000",
},
popup: {
red: "#A30015",
red: "#CC001B",
green: "#28A443",
blue: "#16A3DF",
yellow: "#F5AB00",
Expand All @@ -46,4 +46,9 @@ module.exports = {
corePlugins: {
preflight: false,
},
plugins: [
require("@tailwindcss/forms")({
strategy: "class",
}),
],
}
32 changes: 23 additions & 9 deletions app/application/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
</head>
<body>
<!-- build number -->
<div class="w-full text-white bg-black font-bold build">
<div class="w-full text-white bg-black font-bold build hidden">
<div class="container flex flex-row items-center justify-center px-6 py-2 mx-auto">
<div class="flex">
<p class="mx-3 flex flex-row build-content">You are running a pre release version of Authme!</p>
Expand All @@ -26,7 +26,7 @@
</div>

<!-- offline mode -->
<div class="w-full text-white bg-popup-red font-bold offline">
<div class="w-full text-white bg-popup-red font-bold offline hidden">
<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
<div class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
Expand All @@ -44,7 +44,7 @@
</div>

<!-- online mode -->
<div class="w-full text-white bg-popup-green font-bold online">
<div class="w-full text-white bg-popup-green font-bold online hidden">
<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
<div class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
Expand All @@ -62,7 +62,7 @@
</div>

<!-- update -->
<div class="w-full text-white bg-popup-blue font-bold update">
<div class="w-full text-white bg-popup-blue font-bold update hidden">
<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
<div class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
Expand Down Expand Up @@ -94,7 +94,7 @@
</div>

<!-- info -->
<div class="w-full text-white bg-popup-yellow font-bold info">
<div class="w-full text-white bg-popup-yellow font-bold info hidden">
<div class="container flex flex-row items-center justify-between px-6 py-4 mx-auto">
<div class="flex">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 relative top-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
Expand Down Expand Up @@ -127,13 +127,13 @@
</div>

<!-- content -->
<div class="bg-gray-700 w-3/5 m-auto mt-20 mb-60 rounded-2xl relative text-center content">
<div class="bg-gray-700 w-3/5 mx-auto mt-20 mb-60 rounded-2xl relative text-center content">
<h1 class="h1 mb-5">Authme</h1>
<div class="mx-auto rounded-2xl bg-gray-800 w-2/3" id="choose">
<h3 class="pt-3">Please choose your import file!</h3>
<h4>If you don't have an import file please create one!</h4>
<div class="flex flex-row flex-wrap gap-3 items-center justify-center">
<button class="buttoni input" id="input" onclick="loadFile()">
<button class="buttoni" id="input" onclick="loadFile()">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 21h7a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v11m0 5l4.879-4.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242z" />
</svg>
Expand Down Expand Up @@ -202,8 +202,22 @@ <h4>Save your code(s) to your computer for future use.</h4>
</div>
</div>
<br />
<div class="search_container">
<input name="search" spellcheck="false" id="search" class="input2 input" onkeyup="search()" onkeydown="search()" placeholder="Search for names..." autofocus />
<div class="search_container relative inline-block">
<input name="search" spellcheck="false" id="search" class="input w-80 hidden text-2xl mb-1" onkeyup="search()" onkeydown="search()" />
<!-- search icon -->
<svg id="search_icon" xmlns="http://www.w3.org/2000/svg" class="hidden searchIcon h-6 w-6 relative top-[-50px] right-[150px] pointer-events-none" fill="none" viewBox="0 0 24 24" stroke="black">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
<!-- filter icon -->
<svg id="filter_icon" onclick="dropdown()" xmlns="http://www.w3.org/2000/svg" class="hidden searchIcon h-6 w-6 relative top-[-50px] left-[150px] cursor-pointer" fill="none" viewBox="0 0 24 24" stroke="black">
<path id="filter_path" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
</svg>
<br />
<!-- dropdown -->
<div class="dropdown-content animation">
<a tabindex="-1" id="link0" class="dropdown-link" href="#"> <input type="checkbox" tabindex="-1" id="checkbox0" name="checkbox1" class="checkbox" /> Name </a>
<a tabindex="-1" id="link1" class="dropdown-link" href="#"> <input type="checkbox" tabindex="-1" id="checkbox1" name="checkbox1" class="checkbox" /> Description </a>
</div>
</div>
<!-- grid -->
</div>
Expand Down
141 changes: 21 additions & 120 deletions app/application/src/css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,60 +8,6 @@ h4 {
font-size: 1.5rem;
}

.button11 {
color: black;
background: white;
border: 2px solid white;
font-size: 1.25rem;
padding: 15px 30px;
border-radius: 30px;
cursor: pointer;
text-decoration: none;
transition: 0.2s ease-in;
text-align: center;
width: 12rem;
}

.button11:hover {
border-color: white;
background: transparent;
color: white;
}

.button11 > svg {
position: relative;
top: 4px;
}

.input1 {
color: black;
background-color: white;
border-color: white;
width: 130px !important;
height: 29px !important;
}

.input1:hover {
color: white;
border-color: white;
background-color: rgb(10, 10, 10);
}

#password_input2 {
position: relative;
top: 20px;
}

#password_label2 {
position: relative;
top: 20px;
}

#button1 {
position: relative;
top: 30px;
}

/* grid */
.grid {
display: grid;
Expand Down Expand Up @@ -112,39 +58,13 @@ h4 {
top: 20px;
}

.input1 {
width: 128px !important;
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
user-select: all !important;
}

.input2 {
width: 300px;
margin: 0 auto;
color: rgb(0, 0, 0);
background-color: white;
border-color: white;
font-size: 1.5rem;
padding: 15px 30px;
border-radius: 30px;
cursor: text;
text-align: center;
#search:hover ~ .searchIcon {
transition: 0.2s ease-in;
margin-bottom: 50px;
display: none;
stroke: white;
}

.input2:hover {
background-color: rgb(20, 20, 20);
color: white;
border-color: white;
}

.input2::placeholder {
color: black;
#search {
line-height: 1.75rem !important;
}

#save {
Expand All @@ -153,35 +73,11 @@ h4 {
margin: 0 auto;
}

input:focus::placeholder {
transition: 0.2s ease-in !important;
color: transparent !important;
}

input:hover::placeholder {
transition: 0.2s ease-in !important;
color: transparent !important;
}

input:active::placeholder {
transition: 0.2s ease-in !important;
color: transparent !important;
}

.text3 {
position: relative;
top: 10px;
}

.blur {
filter: blur(4px);
transition: 0.2s ease-in;
}

.blur:hover {
filter: none;
}

a {
color: white;
text-decoration: underline;
Expand All @@ -197,30 +93,35 @@ a {
left: 20px;
}

.link {
cursor: pointer;
font-weight: bold;
transition: 0.2s ease-in;
}

.link:hover {
color: gray;
}

#starting,
#choose {
display: none;
}

.name {
background-color: rgb(30, 30, 30);
background-color: rgb(20, 20, 20);
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 30px;
user-select: all;
margin-bottom: 10px;
font-size: 24px;
}

.text2 {
font-size: 26px !important;
font-size: 24px !important;
}

.dropdown-content {
width: 12rem;
left: 253px;
top: 75px;
}

.dropdown-content a:hover {
background-color: white;
color: black;
cursor: default;
}
Loading

0 comments on commit 899f7ee

Please sign in to comment.