feat: footer sticky

This commit is contained in:
Alisa | Side.one 2023-05-29 14:58:25 +08:00
parent 354fdd962c
commit ebe53472be
2 changed files with 4 additions and 4 deletions

View File

@ -1,5 +1,7 @@
<template> <template>
<footer class="footer items-center p-4 text-sm mb-4"> <footer
class="footer items-center pt-4 pb-8 text-sm bg-gray-100 dark:bg-[#171d30] sticky bottom-0 z-10 mt-8"
>
<div class="items-center grid-flow-col"> <div class="items-center grid-flow-col">
&copy; &copy;
{{ new Date().getFullYear() }} {{ new Date().getFullYear() }}
@ -31,6 +33,4 @@
> >
</div> </div>
</footer> </footer>
</template> </template>

View File

@ -20,7 +20,7 @@ const hdPath = computed(() => {
<div> <div>
<div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow"> <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
<h2 class="card-title">Initial Setting</h2> <h2 class="card-title">Initial Setting</h2>
<div class="my-4 grid grid-flow-col auto-cols-max "> <div class="my-4 grid grid-flow-col auto-cols-max overflow-auto">
<div class="form-control"> <div class="form-control">
<div class="input-group"> <div class="input-group">
<span>Endpoint</span> <span>Endpoint</span>