This commit is contained in:
parent
821fe2d8d8
commit
ff18798674
2 changed files with 14 additions and 19 deletions
|
@ -6,8 +6,15 @@
|
||||||
In Myrtle Beach South Carolina, Richard and Isaac counted 100 Chrysler Pacificas in the span of a week.
|
In Myrtle Beach South Carolina, Richard and Isaac counted 100 Chrysler Pacificas in the span of a week.
|
||||||
</djot>
|
</djot>
|
||||||
</x-section-head>
|
</x-section-head>
|
||||||
<div id="cockpit-canvas" style="height: 80vh; margin: 8px; background-color: #232323;"></div>
|
<div onclick="showKeyboard" id="cockpit-canvas" style="height: 80vh; margin: 8px; background-color: #232323;"></div>
|
||||||
</x-tab.content>
|
</x-tab.content>
|
||||||
|
<script>
|
||||||
|
function showKeyboard() {
|
||||||
|
if ('virtualKeyboard' in navigator) {
|
||||||
|
navigator.virtualKeyboard.show();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
<script type="module">
|
<script type="module">
|
||||||
const firaCodeFace = new FontFace('Fira Code', `url(${new URL('/assets/FiraCode-Regular.woff2', import.meta.url)})`, {style: "normal", weight: "normal"});
|
const firaCodeFace = new FontFace('Fira Code', `url(${new URL('/assets/FiraCode-Regular.woff2', import.meta.url)})`, {style: "normal", weight: "normal"});
|
||||||
const firaCodeBoldFace = new FontFace('Fira Code', `url(${new URL('/assets/FiraCode-Bold.woff2', import.meta.url)})`, {style: "normal", weight: "bold"});
|
const firaCodeBoldFace = new FontFace('Fira Code', `url(${new URL('/assets/FiraCode-Bold.woff2', import.meta.url)})`, {style: "normal", weight: "bold"});
|
||||||
|
|
|
@ -109,25 +109,13 @@ impl App {
|
||||||
|
|
||||||
pub fn draw_passcode(&mut self, frame: &mut Frame) {
|
pub fn draw_passcode(&mut self, frame: &mut Frame) {
|
||||||
frame.render_widget(Block::new().bg(PASSWORD_BACKGROUND), frame.area());
|
frame.render_widget(Block::new().bg(PASSWORD_BACKGROUND), frame.area());
|
||||||
let middle_vertical = Layout::new(
|
let middle_vertical = Layout::new(Direction::Vertical, [Constraint::Length(8)])
|
||||||
Direction::Vertical,
|
.flex(Flex::Center)
|
||||||
[
|
.split(frame.area())[0];
|
||||||
Constraint::Ratio(1, 3),
|
|
||||||
Constraint::Ratio(1, 3),
|
|
||||||
Constraint::Ratio(1, 3),
|
|
||||||
],
|
|
||||||
)
|
|
||||||
.split(frame.area())[1];
|
|
||||||
|
|
||||||
let middle = Layout::new(
|
let middle = Layout::new(Direction::Horizontal, [Constraint::Length(28)])
|
||||||
Direction::Horizontal,
|
.flex(Flex::Center)
|
||||||
[
|
.split(middle_vertical)[0];
|
||||||
Constraint::Ratio(1, 3),
|
|
||||||
Constraint::Ratio(1, 3),
|
|
||||||
Constraint::Ratio(1, 3),
|
|
||||||
],
|
|
||||||
)
|
|
||||||
.split(middle_vertical)[1];
|
|
||||||
|
|
||||||
let layout = Layout::new(
|
let layout = Layout::new(
|
||||||
Direction::Vertical,
|
Direction::Vertical,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue