3018540
/
vuejs_seminar_2025
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move global css

9_bonus
Ann-Kathrin Stracke 2025-01-28 08:35:31 +01:00
parent 9c6f8ff749
commit 3205f8bbf7
5 changed files with 35 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
vue-project/assets/css/global.css
View File

@ -1,4 +0,0 @@
body{
display: flex;
justify-content: center;
}

4
vue-project/index.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="">
<head>
<link rel="stylesheet" href="assets/css/global.css">
<link rel="stylesheet" href="src/assets/global.css">
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<title>Vue Test Projekt</title>
</head>
<body>
<div id="app"></div>

32
vue-project/src/assets/global.css 100644
View File

@ -0,0 +1,32 @@
body {
display: flex;
justify-content: center;
}
.input-mask {
background-color: aquamarine;
padding: 1em;
text-align: center;
}
.list {
padding: 1em;
background-color: cadetblue;
justify-content: center;
display: flex;
flex-direction: column;
}
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f4f4f4;
}

6
vue-project/src/components/InputMask.vue
View File

@ -65,9 +65,5 @@ function deleteGrade(id) {
</script>
<style scoped>
.input-mask {
background-color: aquamarine;
padding: 1em;
text-align: center;
}
</style>

20
vue-project/src/components/List.vue
View File

@ -55,25 +55,5 @@ function emitAgain(id) {
</script>
<style lang="css">
.list {
padding: 1em;
background-color: cadetblue;
justify-content: center;
display: flex;
flex-direction: column;
}
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f4f4f4;
}
</style>