OceanSlim/elements.py
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styled wntire app with basic tailwind

Browse Source
This commit is contained in:
0ceanSlim 2023-12-20 11:31:07 -05:00
parent 52c25969f5
commit cb30fd1e0d
2 changed files with 84 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
app/static/style/output.css
View File

@ -540,11 +540,64 @@ video {
--tw-backdrop-sepia: ;
}
.ml-4 {
margin-left: 1rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.rounded-sm {
border-radius: 0.125rem;
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-neutral-800 {
--tw-bg-opacity: 1;
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.bg-green-600 {
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.bg-red-600 {
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.p-2 {
padding: 0.5rem;
}
.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.font-bold {
font-weight: 700;
}
@ -553,12 +606,22 @@ video {
font-style: italic;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
.hover\:bg-green-800:hover {
--tw-bg-opacity: 1;
background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}
.hover\:bg-red-900:hover {
--tw-bg-opacity: 1;
background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}

36
app/templates/index.html
View File

@ -5,22 +5,22 @@
<link rel="stylesheet" type="text/css" href="../static/style/output.css" />
<title>Create Wallet</title>
</head>
<body class="text-white bg-neutral-800 ">
<h1 class="font-bold">Create a New Wallet</h1>
<body class="font-mono text-white bg-neutral-800">
<h1 class="mb-4 ml-4 text-xl font-bold">Create a New Wallet</h1>
<form id="walletForm">
<label for="walletName">Wallet Name:</label>
<input type="text" id="walletName" name="walletName" required><br><br>
<label for="walletName" class="ml-4">Wallet Name:</label>
<input type="text" id="walletName" class="text-black rounded-sm" name="walletName" required><br><br>
<label for="seedLength">Choose Seed Phrase Length:</label>
<select id="seedLength" class="text-black" name="seedLength">
<label for="seedLength" class="ml-4">Choose Seed Phrase Length:</label>
<select id="seedLength" class="text-black rounded-sm" name="seedLength">
<option value="12">12 Words</option>
<option value="24">24 Words</option>
</select><br><br>
<button type="submit">Create Wallet</button>
<button type="submit" class="p-2 ml-4 font-bold bg-green-600 rounded-sm hover:bg-green-800">Create Wallet</button>
</form>
<div id="result"></div>
<div id="result" class="p-2 ml-4"></div>
<!-- Add your JavaScript code here -->
<script>
@ -43,21 +43,21 @@
});
</script>
<h1 class="font-bold">RPC Configuration</h1>
<h1 class="mt-6 mb-4 ml-2 text-xl font-bold">RPC Configuration</h1>
<form id="rpcConfigForm">
<label for="rpcHost">RPC Host:</label>
<input type="text" id="rpcHost" name="rpcHost" required><br><br>
<label for="rpcHost" class="ml-2">RPC Host:</label>
<input type="text" id="rpcHost" name="rpcHost" class="text-black rounded-sm" required><br><br>
<label for="rpcPort">RPC Port:</label>
<input type="text" id="rpcPort" name="rpcPort" required><br><br>
<label for="rpcPort" class="ml-2">RPC Port:</label>
<input type="text" id="rpcPort" name="rpcPort" class="text-black rounded-sm" required><br><br>
<label for="rpcUser">RPC User:</label>
<input type="text" id="rpcUser" name="rpcUser" required><br><br>
<label for="rpcUser" class="ml-2">RPC User:</label>
<input type="text" id="rpcUser" name="rpcUser" class="text-black rounded-sm" required><br><br>
<label for="rpcPassword">RPC Password:</label>
<input type="password" id="rpcPassword" name="rpcPassword" required><br><br>
<label for="rpcPassword" class="ml-2">RPC Password:</label>
<input type="password" id="rpcPassword" name="rpcPassword" class="text-black rounded-sm" required><br><br>
<button type="submit">Save Configuration</button>
<button type="submit" class="p-2 ml-2 font-bold bg-red-600 rounded-sm hover:bg-red-900">Save Configuration</button>
</form>
<div id="rpcResult"></div>