feat: global styles
This commit is contained in:
@ -1,3 +1,7 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import './styles/global.css'
|
||||||
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Html>
|
<Html>
|
||||||
<Body h-screen>
|
<Body h-screen>
|
||||||
|
|||||||
35
client/styles/global.css
Normal file
35
client/styles/global.css
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
/* Splitpanes */
|
||||||
|
.splitpanes__splitter {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.splitpanes__splitter:before {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
transition: .2s ease;
|
||||||
|
content: '';
|
||||||
|
transition: opacity 0.4s;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.splitpanes__splitter:hover:before {
|
||||||
|
background: #8881;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.splitpanes--vertical>.splitpanes__splitter {
|
||||||
|
min-width: 0 !important;
|
||||||
|
width: 0 !important;
|
||||||
|
}
|
||||||
|
.splitpanes--horizontal>.splitpanes__splitter {
|
||||||
|
min-height: 0 !important;
|
||||||
|
height: 0 !important;
|
||||||
|
}
|
||||||
|
.splitpanes--vertical>.splitpanes__splitter:before {
|
||||||
|
left: -5px;
|
||||||
|
right: -4px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.splitpanes--horizontal>.splitpanes__splitter:before {
|
||||||
|
top: -5px;
|
||||||
|
bottom: -4px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user