stajlcss v index.vue raje (reaktivnost)
parent
ccf72a9214
commit
31d5c653f0
|
@ -11,7 +11,6 @@ export default defineNuxtConfig({
|
||||||
],
|
],
|
||||||
link: [
|
link: [
|
||||||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
|
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
|
||||||
{ rel: 'stylesheet', type: 'text/css', href: '/css/stajl.css' },
|
|
||||||
{ rel: 'stylesheet', type: 'text/css', href: '/css/fonti.css' }
|
{ rel: 'stylesheet', type: 'text/css', href: '/css/fonti.css' }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
|
@ -13,6 +13,37 @@ await store.naloziStrani()
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
font-family: Inter;
|
font-family: Inter;
|
||||||
|
margin: 0;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 260px) {
|
||||||
|
.meni {
|
||||||
|
display: flex;
|
||||||
|
padding: 0;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.meni li {
|
||||||
|
margin-left: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
margin: .2rem 0 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=submit] { margin-top: 1rem; }
|
||||||
|
|
||||||
|
details > summary {
|
||||||
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gumb {
|
.gumb {
|
||||||
|
|
|
@ -1,38 +0,0 @@
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 1rem;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.yufu {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 260px) {
|
|
||||||
.meni {
|
|
||||||
display: flex;
|
|
||||||
padding: 0;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.meni li {
|
|
||||||
margin-left: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
margin: .2rem 0 1rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit] { margin-top: 1rem; }
|
|
||||||
|
|
||||||
details > summary {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
Loading…
Reference in New Issue