misc: admin vuetify 2.0 UI + arabic display improvements
This commit is contained in:
@@ -1,12 +1,9 @@
|
||||
@import "global";
|
||||
|
||||
@import "base/base";
|
||||
@import "base/fonts";
|
||||
@import "base/icons";
|
||||
@import "base/animation";
|
||||
|
||||
// @import "../libs/animate/animate";
|
||||
// @import '~vue2-animate/src/sass/vue2-animate';
|
||||
@import '~vuescroll/dist/vuescroll.css';
|
||||
@import '~diff2html/dist/diff2html.min.css';
|
||||
|
||||
|
@@ -1,55 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/Roboto-MediumItalic.woff2') format('woff2'),
|
||||
url('/fonts/Roboto-MediumItalic.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/Roboto-Italic.woff2') format('woff2'),
|
||||
url('/fonts/Roboto-Italic.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/Roboto-Bold.woff2') format('woff2'),
|
||||
url('/fonts/Roboto-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/Roboto-Regular.woff2') format('woff2'),
|
||||
url('/fonts/Roboto-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/Roboto-BoldItalic.woff2') format('woff2'),
|
||||
url('/fonts/Roboto-BoldItalic.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/Roboto-Medium.woff2') format('woff2'),
|
||||
url('/fonts/Roboto-Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
src: url('/fonts/RobotoMono-Regular.woff2') format('woff2'),
|
||||
url('/fonts/RobotoMono-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
43
client/scss/fonts/arabic.scss
Normal file
43
client/scss/fonts/arabic.scss
Normal file
@@ -0,0 +1,43 @@
|
||||
@font-face {
|
||||
font-family: 'Tajawal';
|
||||
src: url('/fonts/arabic/Tajawal-Bold.woff2') format('woff2'),
|
||||
url('/fonts/arabic/Tajawal-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tajawal';
|
||||
src: url('/fonts/arabic/Tajawal-Regular.woff2') format('woff2'),
|
||||
url('/fonts/arabic/Tajawal-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tajawal';
|
||||
src: url('/fonts/arabic/Tajawal-Medium.woff2') format('woff2'),
|
||||
url('/fonts/arabic/Tajawal-Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
src: url('/fonts/arabic/RobotoMono-Regular.woff2') format('woff2'),
|
||||
url('/fonts/arabic/RobotoMono-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
html:lang(ar), html:lang(fa) {
|
||||
font-family: Tajawal, sans-serif;
|
||||
|
||||
.v-application {
|
||||
font-family: Tajawal, sans-serif;
|
||||
|
||||
& .headline, & .title {
|
||||
font-family: Tajawal, sans-serif !important;
|
||||
}
|
||||
}
|
||||
}
|
55
client/scss/fonts/default.scss
Normal file
55
client/scss/fonts/default.scss
Normal file
@@ -0,0 +1,55 @@
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/default/Roboto-MediumItalic.woff2') format('woff2'),
|
||||
url('/fonts/default/Roboto-MediumItalic.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/default/Roboto-Italic.woff2') format('woff2'),
|
||||
url('/fonts/default/Roboto-Italic.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/default/Roboto-Bold.woff2') format('woff2'),
|
||||
url('/fonts/default/Roboto-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/default/Roboto-Regular.woff2') format('woff2'),
|
||||
url('/fonts/default/Roboto-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/default/Roboto-BoldItalic.woff2') format('woff2'),
|
||||
url('/fonts/default/Roboto-BoldItalic.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/default/Roboto-Medium.woff2') format('woff2'),
|
||||
url('/fonts/default/Roboto-Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
src: url('/fonts/default/RobotoMono-Regular.woff2') format('woff2'),
|
||||
url('/fonts/default/RobotoMono-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
@@ -1,6 +1,5 @@
|
||||
@import "global";
|
||||
|
||||
@import "./base/fonts.scss";
|
||||
@import "./base/icons.scss";
|
||||
|
||||
html {
|
||||
|
Reference in New Issue
Block a user