TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Move global.css contents to app.vue, notifications visible for mobile devices too

Browse source
This commit is contained in:
Karlis Cudars 2021-10-31 00:37:57 +03:00
parent 28bc283f29
commit 518a990910
3 changed files with 23 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

18
public/global.css
View file

@ -1,18 +0,0 @@
@font-face {
font-family: Montserrat;
src: url("/fonts/Montserrat-Regular.ttf");
}
@font-face {
font-family: MontserratBold;
src: url("/fonts/Montserrat-Bold.ttf");
}
* {
font-family: Montserrat;
}
h1, h2, h3, h4, h5 {
font-family: MontserratBold;
}

1
public/index.html
View file

@ -12,7 +12,6 @@
href="<%= BASE_URL %>opensearch.xml"
/>
<title><%= htmlWebpackPlugin.options.title %></title>
<link rel="stylesheet" href="/global.css">
</head>
<body>
<noscript>

24
src/App.vue
View file

@ -1,5 +1,5 @@
<template>
<notifications />
<notifications :style="{ top: isMobile ? '5rem' : '0.5rem', width: isMobile ? '100%' : 'auto' }" />
<div class="uk-flex">
<Menu style="flexShrink: 0" />
<main
@ -97,6 +97,28 @@ export default {
</script>
<style>
@font-face {
font-family: Montserrat;
src: url("/fonts/Montserrat-Regular.ttf");
}
@font-face {
font-family: MontserratBold;
src: url("/fonts/Montserrat-Bold.ttf");
}
* {
font-family: Montserrat;
}
h1,
h2,
h3,
h4,
h5 {
font-family: MontserratBold;
}
h1,
p,
a,