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

move global css

5_list_erstellen
Ann-Kathrin Stracke 2025-01-28 08:35:31 +01:00
parent 05c4e09ace
commit c0963994d2
5 changed files with 38 additions and 20 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

@ -33,9 +33,5 @@ const grade_form_input = ref({
</script>
<style scoped>
.input-mask {
background-color: aquamarine;
padding: 1em;
text-align: center;
}
</style>

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

@ -18,6 +18,7 @@
</script>
<style lang="css">
<<<<<<< HEAD
.list {
padding: 1em;
background-color: cadetblue;
@ -26,14 +27,7 @@
table {
border-collapse: collapse;
}
=======
>>>>>>> 7fee405... move global css
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f4f4f4;
}
</style>