ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update tailwind

This commit is contained in:
Daniel Egger 2022-05-23 14:45:49 +02:00
parent 9658ed8422
commit be99631c9a
6 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/index.html
View File

@ -4,7 +4,6 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/static/css/tailwind.css" rel="stylesheet">
<title>Vite App</title> <title>Vite App</title>
</head> </head>
<body> <body>

3
client/src/assets/styles/base.scss
View File

@ -1,3 +0,0 @@
h1 {
}

1
client/src/assets/styles/index.scss
View File

@ -1 +1,2 @@
@import "fonts"; @import "fonts";
@import "../../../../server/vbv_lernwelt/static/css/tailwind.css";

9
client/src/views/CircleAnalyseExampleView.vue
View File

@ -23,9 +23,16 @@ export default {
<template> <template>
<div class="circle"> <div class="circle">
<h1 class="text-3xl font-bold underline"> <h1 class="text-6xl">
Hello world! Hello world!
</h1> </h1>
<div v-for="learningSequence in circleData.learning_sequences">
<h2>{{learningSequence.title}}</h2>
<div v-for="learningPackage in learningSequence.learning_packages">
<h3>{{learningPackage.id}}</h3>
</div>
</div>
</div> </div>
</template> </template>

1
server/vbv_lernwelt/templates/base.html
View File

@ -9,6 +9,7 @@
<meta name="description" content="VBV Lernumgebung"> <meta name="description" content="VBV Lernumgebung">
<meta name="author" content="Iterativ GmbH"> <meta name="author" content="Iterativ GmbH">
<link href="/static/css/tailwind.css" rel="stylesheet">
<link rel="icon" href="{% static 'images/favicons/favicon.ico' %}"> <link rel="icon" href="{% static 'images/favicons/favicon.ico' %}">
{% block css %} {% block css %}

14
tailwind/input.css
View File

@ -1,3 +1,17 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@layer base {
h1 {
@apply text-4xl font-bold
}
h2 {
@apply text-2xl font-semibold
}
h3 {
@apply text-lg font-medium italic
}
}